@jsekulowicz/ds-components 0.4.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +530 -495
- package/dist/atoms/icon/icon.d.ts +1 -1
- package/dist/atoms/icon/icon.d.ts.map +1 -1
- package/dist/atoms/icon/icon.js +4 -3
- package/dist/atoms/icon/icon.js.map +1 -1
- package/dist/atoms/icon/icon.styles.d.ts.map +1 -1
- package/dist/atoms/icon/icon.styles.js +8 -0
- package/dist/atoms/icon/icon.styles.js.map +1 -1
- package/dist/organisms/footer/footer.styles.d.ts.map +1 -1
- package/dist/organisms/footer/footer.styles.js +6 -1
- package/dist/organisms/footer/footer.styles.js.map +1 -1
- package/dist/organisms/navbar/navbar.js +1 -1
- package/dist/organisms/navbar/navbar.styles.d.ts.map +1 -1
- package/dist/organisms/navbar/navbar.styles.js +7 -1
- package/dist/organisms/navbar/navbar.styles.js.map +1 -1
- package/dist/templates/page-shell/page-shell.d.ts +4 -1
- package/dist/templates/page-shell/page-shell.d.ts.map +1 -1
- package/dist/templates/page-shell/page-shell.js +34 -4
- package/dist/templates/page-shell/page-shell.js.map +1 -1
- package/dist/templates/page-shell/page-shell.styles.d.ts.map +1 -1
- package/dist/templates/page-shell/page-shell.styles.js +45 -8
- package/dist/templates/page-shell/page-shell.styles.js.map +1 -1
- package/package.json +3 -3
package/custom-elements.json
CHANGED
|
@@ -2457,7 +2457,7 @@
|
|
|
2457
2457
|
{
|
|
2458
2458
|
"kind": "variable",
|
|
2459
2459
|
"name": "iconStyles",
|
|
2460
|
-
"default": "css` :host { display: inline-flex; width: 1em; height: 1em; color: currentColor; vertical-align: middle; flex-shrink: 0; } :host([size='sm']) { width: 0.875em; height: 0.875em; } :host([size='lg']) { width: 1.25em; height: 1.25em; } svg { width: 100%; height: 100%; display: block; } `"
|
|
2460
|
+
"default": "css` :host { display: inline-flex; width: 1em; height: 1em; color: currentColor; vertical-align: middle; flex-shrink: 0; } :host([size='sm']) { width: 0.875em; height: 0.875em; } :host([size='lg']) { width: 1.25em; height: 1.25em; } :host([size='xl']) { width: 1.25rem; height: 1.25rem; } :host([size='2xl']) { width: 1.5rem; height: 1.5rem; } svg { width: 100%; height: 100%; display: block; } `"
|
|
2461
2461
|
}
|
|
2462
2462
|
],
|
|
2463
2463
|
"exports": [
|
|
@@ -7186,845 +7186,845 @@
|
|
|
7186
7186
|
},
|
|
7187
7187
|
{
|
|
7188
7188
|
"kind": "javascript-module",
|
|
7189
|
-
"path": "src/atoms/
|
|
7189
|
+
"path": "src/atoms/text-field/define.ts",
|
|
7190
7190
|
"declarations": [],
|
|
7191
7191
|
"exports": [
|
|
7192
7192
|
{
|
|
7193
7193
|
"kind": "custom-element-definition",
|
|
7194
|
-
"name": "ds-
|
|
7195
|
-
"declaration": {
|
|
7196
|
-
"name": "DsTabs",
|
|
7197
|
-
"module": "/src/atoms/tabs/tabs.js"
|
|
7198
|
-
}
|
|
7199
|
-
},
|
|
7200
|
-
{
|
|
7201
|
-
"kind": "custom-element-definition",
|
|
7202
|
-
"name": "ds-tab",
|
|
7203
|
-
"declaration": {
|
|
7204
|
-
"name": "DsTab",
|
|
7205
|
-
"module": "/src/atoms/tabs/tab.js"
|
|
7206
|
-
}
|
|
7207
|
-
},
|
|
7208
|
-
{
|
|
7209
|
-
"kind": "custom-element-definition",
|
|
7210
|
-
"name": "ds-tab-panel",
|
|
7194
|
+
"name": "ds-text-field",
|
|
7211
7195
|
"declaration": {
|
|
7212
|
-
"name": "
|
|
7213
|
-
"module": "/src/atoms/
|
|
7196
|
+
"name": "DsTextField",
|
|
7197
|
+
"module": "/src/atoms/text-field/text-field.js"
|
|
7214
7198
|
}
|
|
7215
7199
|
}
|
|
7216
7200
|
]
|
|
7217
7201
|
},
|
|
7218
7202
|
{
|
|
7219
7203
|
"kind": "javascript-module",
|
|
7220
|
-
"path": "src/atoms/
|
|
7204
|
+
"path": "src/atoms/text-field/index.ts",
|
|
7221
7205
|
"declarations": [],
|
|
7222
7206
|
"exports": [
|
|
7223
7207
|
{
|
|
7224
7208
|
"kind": "js",
|
|
7225
|
-
"name": "
|
|
7209
|
+
"name": "DsTextField",
|
|
7226
7210
|
"declaration": {
|
|
7227
|
-
"name": "
|
|
7228
|
-
"module": "./
|
|
7211
|
+
"name": "DsTextField",
|
|
7212
|
+
"module": "./text-field.js"
|
|
7229
7213
|
}
|
|
7230
7214
|
},
|
|
7231
7215
|
{
|
|
7232
7216
|
"kind": "js",
|
|
7233
|
-
"name": "
|
|
7217
|
+
"name": "TextFieldType",
|
|
7234
7218
|
"declaration": {
|
|
7235
|
-
"name": "
|
|
7236
|
-
"module": "./
|
|
7219
|
+
"name": "TextFieldType",
|
|
7220
|
+
"module": "./text-field.js"
|
|
7237
7221
|
}
|
|
7238
7222
|
},
|
|
7239
7223
|
{
|
|
7240
7224
|
"kind": "js",
|
|
7241
|
-
"name": "
|
|
7225
|
+
"name": "TextFieldSize",
|
|
7242
7226
|
"declaration": {
|
|
7243
|
-
"name": "
|
|
7244
|
-
"module": "./
|
|
7227
|
+
"name": "TextFieldSize",
|
|
7228
|
+
"module": "./text-field.js"
|
|
7245
7229
|
}
|
|
7246
7230
|
}
|
|
7247
7231
|
]
|
|
7248
7232
|
},
|
|
7249
7233
|
{
|
|
7250
7234
|
"kind": "javascript-module",
|
|
7251
|
-
"path": "src/atoms/
|
|
7235
|
+
"path": "src/atoms/text-field/text-field.styles.ts",
|
|
7252
7236
|
"declarations": [
|
|
7253
7237
|
{
|
|
7254
7238
|
"kind": "variable",
|
|
7255
|
-
"name": "
|
|
7256
|
-
"default": "css` :host { display:
|
|
7239
|
+
"name": "textFieldStyles",
|
|
7240
|
+
"default": "css` :host { display: flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } .wrap { position: relative; display: flex; align-items: center; width: 100%; height: var(--ds-size-md); padding: 0 var(--ds-space-3); gap: var(--ds-space-2); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .wrap:hover { border-color: var(--ds-color-fg-subtle); } .wrap:focus-within { border-color: var(--ds-color-accent); box-shadow: var(--ds-shadow-focus); } :host([invalid]) .wrap { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .wrap:focus-within { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .wrap { opacity: 0.5; cursor: not-allowed; background: var(--ds-color-bg-subtle); } input { flex: 1; border: none; outline: none; background: transparent; color: var(--ds-color-fg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); line-height: 1.4; padding: 0; min-width: 0; } input::placeholder { color: var(--ds-color-fg-muted); } :host([size='sm']) .wrap { height: var(--ds-size-sm); padding: 0 var(--ds-space-2); } :host([size='lg']) .wrap { height: var(--ds-size-lg); padding: 0 var(--ds-space-4); font-size: var(--ds-font-size-md); } .adornment { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); font-size: var(--ds-font-size-sm); } .adornment[hidden] { display: none; } `"
|
|
7257
7241
|
}
|
|
7258
7242
|
],
|
|
7259
7243
|
"exports": [
|
|
7260
7244
|
{
|
|
7261
7245
|
"kind": "js",
|
|
7262
|
-
"name": "
|
|
7246
|
+
"name": "textFieldStyles",
|
|
7263
7247
|
"declaration": {
|
|
7264
|
-
"name": "
|
|
7265
|
-
"module": "src/atoms/
|
|
7248
|
+
"name": "textFieldStyles",
|
|
7249
|
+
"module": "src/atoms/text-field/text-field.styles.ts"
|
|
7266
7250
|
}
|
|
7267
7251
|
}
|
|
7268
7252
|
]
|
|
7269
7253
|
},
|
|
7270
7254
|
{
|
|
7271
7255
|
"kind": "javascript-module",
|
|
7272
|
-
"path": "src/atoms/
|
|
7256
|
+
"path": "src/atoms/text-field/text-field.ts",
|
|
7273
7257
|
"declarations": [
|
|
7274
7258
|
{
|
|
7275
7259
|
"kind": "class",
|
|
7276
7260
|
"description": "",
|
|
7277
|
-
"name": "
|
|
7261
|
+
"name": "DsTextField",
|
|
7278
7262
|
"slots": [
|
|
7279
7263
|
{
|
|
7280
|
-
"description": "
|
|
7281
|
-
"name": "
|
|
7264
|
+
"description": "Adornment rendered before the input.",
|
|
7265
|
+
"name": "leading"
|
|
7266
|
+
},
|
|
7267
|
+
{
|
|
7268
|
+
"description": "Adornment rendered after the input.",
|
|
7269
|
+
"name": "trailing"
|
|
7282
7270
|
}
|
|
7283
7271
|
],
|
|
7284
7272
|
"members": [
|
|
7285
7273
|
{
|
|
7286
7274
|
"kind": "field",
|
|
7287
|
-
"name": "
|
|
7275
|
+
"name": "shadowRootOptions",
|
|
7288
7276
|
"type": {
|
|
7289
|
-
"text": "
|
|
7277
|
+
"text": "ShadowRootInit"
|
|
7290
7278
|
},
|
|
7291
|
-
"
|
|
7292
|
-
"
|
|
7279
|
+
"static": true,
|
|
7280
|
+
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
|
|
7293
7281
|
},
|
|
7294
7282
|
{
|
|
7295
7283
|
"kind": "field",
|
|
7296
|
-
"name": "
|
|
7284
|
+
"name": "type",
|
|
7297
7285
|
"type": {
|
|
7298
|
-
"text": "
|
|
7286
|
+
"text": "TextFieldType"
|
|
7299
7287
|
},
|
|
7300
|
-
"default": "
|
|
7301
|
-
"attribute": "
|
|
7288
|
+
"default": "'text'",
|
|
7289
|
+
"attribute": "type"
|
|
7290
|
+
},
|
|
7291
|
+
{
|
|
7292
|
+
"kind": "field",
|
|
7293
|
+
"name": "size",
|
|
7294
|
+
"type": {
|
|
7295
|
+
"text": "TextFieldSize"
|
|
7296
|
+
},
|
|
7297
|
+
"default": "'md'",
|
|
7298
|
+
"attribute": "size",
|
|
7302
7299
|
"reflects": true
|
|
7303
|
-
}
|
|
7304
|
-
],
|
|
7305
|
-
"attributes": [
|
|
7300
|
+
},
|
|
7306
7301
|
{
|
|
7307
|
-
"
|
|
7302
|
+
"kind": "field",
|
|
7303
|
+
"name": "placeholder",
|
|
7308
7304
|
"type": {
|
|
7309
7305
|
"text": "string"
|
|
7310
7306
|
},
|
|
7311
7307
|
"default": "''",
|
|
7312
|
-
"
|
|
7308
|
+
"attribute": "placeholder"
|
|
7313
7309
|
},
|
|
7314
7310
|
{
|
|
7315
|
-
"
|
|
7311
|
+
"kind": "field",
|
|
7312
|
+
"name": "readonly",
|
|
7316
7313
|
"type": {
|
|
7317
7314
|
"text": "boolean"
|
|
7318
7315
|
},
|
|
7319
7316
|
"default": "false",
|
|
7320
|
-
"
|
|
7321
|
-
|
|
7322
|
-
|
|
7323
|
-
"superclass": {
|
|
7324
|
-
"name": "DsElement",
|
|
7325
|
-
"package": "@jsekulowicz/ds-core"
|
|
7326
|
-
},
|
|
7327
|
-
"tagName": "ds-tab-panel",
|
|
7328
|
-
"customElement": true,
|
|
7329
|
-
"summary": "Content region associated with a ds-tab."
|
|
7330
|
-
}
|
|
7331
|
-
],
|
|
7332
|
-
"exports": [
|
|
7333
|
-
{
|
|
7334
|
-
"kind": "js",
|
|
7335
|
-
"name": "DsTabPanel",
|
|
7336
|
-
"declaration": {
|
|
7337
|
-
"name": "DsTabPanel",
|
|
7338
|
-
"module": "src/atoms/tabs/tab-panel.ts"
|
|
7339
|
-
}
|
|
7340
|
-
}
|
|
7341
|
-
]
|
|
7342
|
-
},
|
|
7343
|
-
{
|
|
7344
|
-
"kind": "javascript-module",
|
|
7345
|
-
"path": "src/atoms/tabs/tab.styles.ts",
|
|
7346
|
-
"declarations": [
|
|
7347
|
-
{
|
|
7348
|
-
"kind": "variable",
|
|
7349
|
-
"name": "tabStyles",
|
|
7350
|
-
"default": "css` :host { display: inline-flex; } :host([disabled]) { cursor: not-allowed; opacity: 0.5; } .tab { display: inline-flex; align-items: center; gap: var(--ds-space-2); padding: var(--ds-space-3) var(--ds-space-2); color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); font-weight: var(--ds-font-weight-medium); line-height: 1; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color var(--ds-duration-fast) var(--ds-easing-standard), border-color var(--ds-duration-fast) var(--ds-easing-standard); user-select: none; white-space: nowrap; } :host(:hover:not([disabled])) .tab { color: var(--ds-color-fg); } :host([selected]) .tab { color: var(--ds-color-accent); border-bottom-color: var(--ds-color-accent); } :host(:focus-visible) .tab { border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-focus); } `"
|
|
7351
|
-
}
|
|
7352
|
-
],
|
|
7353
|
-
"exports": [
|
|
7354
|
-
{
|
|
7355
|
-
"kind": "js",
|
|
7356
|
-
"name": "tabStyles",
|
|
7357
|
-
"declaration": {
|
|
7358
|
-
"name": "tabStyles",
|
|
7359
|
-
"module": "src/atoms/tabs/tab.styles.ts"
|
|
7360
|
-
}
|
|
7361
|
-
}
|
|
7362
|
-
]
|
|
7363
|
-
},
|
|
7364
|
-
{
|
|
7365
|
-
"kind": "javascript-module",
|
|
7366
|
-
"path": "src/atoms/tabs/tab.ts",
|
|
7367
|
-
"declarations": [
|
|
7368
|
-
{
|
|
7369
|
-
"kind": "class",
|
|
7370
|
-
"description": "",
|
|
7371
|
-
"name": "DsTab",
|
|
7372
|
-
"cssParts": [
|
|
7317
|
+
"attribute": "readonly",
|
|
7318
|
+
"reflects": true
|
|
7319
|
+
},
|
|
7373
7320
|
{
|
|
7374
|
-
"
|
|
7375
|
-
"name": "
|
|
7376
|
-
|
|
7377
|
-
|
|
7378
|
-
|
|
7321
|
+
"kind": "field",
|
|
7322
|
+
"name": "minLength",
|
|
7323
|
+
"type": {
|
|
7324
|
+
"text": "number | undefined"
|
|
7325
|
+
},
|
|
7326
|
+
"attribute": "min-length"
|
|
7327
|
+
},
|
|
7379
7328
|
{
|
|
7380
|
-
"
|
|
7381
|
-
"name": "
|
|
7382
|
-
|
|
7383
|
-
|
|
7384
|
-
|
|
7329
|
+
"kind": "field",
|
|
7330
|
+
"name": "maxLength",
|
|
7331
|
+
"type": {
|
|
7332
|
+
"text": "number | undefined"
|
|
7333
|
+
},
|
|
7334
|
+
"attribute": "max-length"
|
|
7335
|
+
},
|
|
7385
7336
|
{
|
|
7386
7337
|
"kind": "field",
|
|
7387
|
-
"name": "
|
|
7338
|
+
"name": "pattern",
|
|
7339
|
+
"type": {
|
|
7340
|
+
"text": "string | undefined"
|
|
7341
|
+
},
|
|
7342
|
+
"attribute": "pattern"
|
|
7343
|
+
},
|
|
7344
|
+
{
|
|
7345
|
+
"kind": "field",
|
|
7346
|
+
"name": "autocomplete",
|
|
7347
|
+
"type": {
|
|
7348
|
+
"text": "string | undefined"
|
|
7349
|
+
},
|
|
7350
|
+
"attribute": "autocomplete"
|
|
7351
|
+
},
|
|
7352
|
+
{
|
|
7353
|
+
"kind": "field",
|
|
7354
|
+
"name": "label",
|
|
7388
7355
|
"type": {
|
|
7389
7356
|
"text": "string"
|
|
7390
7357
|
},
|
|
7391
7358
|
"default": "''",
|
|
7392
|
-
"attribute": "
|
|
7359
|
+
"attribute": "label"
|
|
7393
7360
|
},
|
|
7394
7361
|
{
|
|
7395
7362
|
"kind": "field",
|
|
7396
|
-
"name": "
|
|
7363
|
+
"name": "inputLabel",
|
|
7397
7364
|
"type": {
|
|
7398
|
-
"text": "
|
|
7365
|
+
"text": "string"
|
|
7399
7366
|
},
|
|
7400
|
-
"default": "
|
|
7401
|
-
"attribute": "
|
|
7402
|
-
"reflects": true
|
|
7367
|
+
"default": "''",
|
|
7368
|
+
"attribute": "input-label"
|
|
7403
7369
|
},
|
|
7404
7370
|
{
|
|
7405
7371
|
"kind": "field",
|
|
7406
|
-
"name": "
|
|
7372
|
+
"name": "description",
|
|
7407
7373
|
"type": {
|
|
7408
|
-
"text": "
|
|
7374
|
+
"text": "string"
|
|
7409
7375
|
},
|
|
7410
|
-
"default": "
|
|
7411
|
-
"attribute": "
|
|
7412
|
-
"reflects": true
|
|
7376
|
+
"default": "''",
|
|
7377
|
+
"attribute": "description"
|
|
7413
7378
|
},
|
|
7414
7379
|
{
|
|
7415
7380
|
"kind": "field",
|
|
7416
|
-
"name": "
|
|
7417
|
-
"privacy": "private"
|
|
7418
|
-
}
|
|
7419
|
-
],
|
|
7420
|
-
"attributes": [
|
|
7421
|
-
{
|
|
7422
|
-
"name": "value",
|
|
7381
|
+
"name": "error",
|
|
7423
7382
|
"type": {
|
|
7424
7383
|
"text": "string"
|
|
7425
7384
|
},
|
|
7426
7385
|
"default": "''",
|
|
7427
|
-
"
|
|
7386
|
+
"attribute": "error"
|
|
7428
7387
|
},
|
|
7429
7388
|
{
|
|
7430
|
-
"
|
|
7389
|
+
"kind": "field",
|
|
7390
|
+
"name": "invalid",
|
|
7431
7391
|
"type": {
|
|
7432
7392
|
"text": "boolean"
|
|
7433
7393
|
},
|
|
7434
7394
|
"default": "false",
|
|
7435
|
-
"
|
|
7395
|
+
"attribute": "invalid",
|
|
7396
|
+
"reflects": true
|
|
7436
7397
|
},
|
|
7437
7398
|
{
|
|
7438
|
-
"
|
|
7399
|
+
"kind": "field",
|
|
7400
|
+
"name": "optional",
|
|
7439
7401
|
"type": {
|
|
7440
7402
|
"text": "boolean"
|
|
7441
7403
|
},
|
|
7442
7404
|
"default": "false",
|
|
7443
|
-
"
|
|
7444
|
-
|
|
7445
|
-
],
|
|
7446
|
-
"superclass": {
|
|
7447
|
-
"name": "DsElement",
|
|
7448
|
-
"package": "@jsekulowicz/ds-core"
|
|
7449
|
-
},
|
|
7450
|
-
"tagName": "ds-tab",
|
|
7451
|
-
"customElement": true,
|
|
7452
|
-
"summary": "Individual tab trigger inside a ds-tabs tablist."
|
|
7453
|
-
}
|
|
7454
|
-
],
|
|
7455
|
-
"exports": [
|
|
7456
|
-
{
|
|
7457
|
-
"kind": "js",
|
|
7458
|
-
"name": "DsTab",
|
|
7459
|
-
"declaration": {
|
|
7460
|
-
"name": "DsTab",
|
|
7461
|
-
"module": "src/atoms/tabs/tab.ts"
|
|
7462
|
-
}
|
|
7463
|
-
}
|
|
7464
|
-
]
|
|
7465
|
-
},
|
|
7466
|
-
{
|
|
7467
|
-
"kind": "javascript-module",
|
|
7468
|
-
"path": "src/atoms/tabs/tabs.styles.ts",
|
|
7469
|
-
"declarations": [
|
|
7470
|
-
{
|
|
7471
|
-
"kind": "variable",
|
|
7472
|
-
"name": "tabsStyles",
|
|
7473
|
-
"default": "css` :host { display: block; width: 100%; } .tablist { display: flex; gap: var(--ds-space-2); border-bottom: 1px solid var(--ds-color-border); padding: 4px 4px 0; margin: -4px -4px 0; } .panels { padding-top: var(--ds-space-4); } `"
|
|
7474
|
-
}
|
|
7475
|
-
],
|
|
7476
|
-
"exports": [
|
|
7477
|
-
{
|
|
7478
|
-
"kind": "js",
|
|
7479
|
-
"name": "tabsStyles",
|
|
7480
|
-
"declaration": {
|
|
7481
|
-
"name": "tabsStyles",
|
|
7482
|
-
"module": "src/atoms/tabs/tabs.styles.ts"
|
|
7483
|
-
}
|
|
7484
|
-
}
|
|
7485
|
-
]
|
|
7486
|
-
},
|
|
7487
|
-
{
|
|
7488
|
-
"kind": "javascript-module",
|
|
7489
|
-
"path": "src/atoms/tabs/tabs.ts",
|
|
7490
|
-
"declarations": [
|
|
7491
|
-
{
|
|
7492
|
-
"kind": "class",
|
|
7493
|
-
"description": "",
|
|
7494
|
-
"name": "DsTabs",
|
|
7495
|
-
"cssParts": [
|
|
7496
|
-
{
|
|
7497
|
-
"description": "The horizontal tab row.",
|
|
7498
|
-
"name": "tablist"
|
|
7499
|
-
},
|
|
7500
|
-
{
|
|
7501
|
-
"description": "The panels container.",
|
|
7502
|
-
"name": "panels"
|
|
7503
|
-
}
|
|
7504
|
-
],
|
|
7505
|
-
"slots": [
|
|
7506
|
-
{
|
|
7507
|
-
"description": "ds-tab elements that make up the tablist.",
|
|
7508
|
-
"name": "tab"
|
|
7405
|
+
"attribute": "optional",
|
|
7406
|
+
"reflects": true
|
|
7509
7407
|
},
|
|
7510
|
-
{
|
|
7511
|
-
"description": "ds-tab-panel elements, one per tab.",
|
|
7512
|
-
"name": "default"
|
|
7513
|
-
}
|
|
7514
|
-
],
|
|
7515
|
-
"members": [
|
|
7516
7408
|
{
|
|
7517
7409
|
"kind": "field",
|
|
7518
|
-
"name": "
|
|
7410
|
+
"name": "_hasLeading",
|
|
7519
7411
|
"type": {
|
|
7520
|
-
"text": "
|
|
7412
|
+
"text": "boolean"
|
|
7521
7413
|
},
|
|
7522
|
-
"
|
|
7523
|
-
"
|
|
7414
|
+
"privacy": "private",
|
|
7415
|
+
"default": "false"
|
|
7524
7416
|
},
|
|
7525
7417
|
{
|
|
7526
7418
|
"kind": "field",
|
|
7527
|
-
"name": "
|
|
7419
|
+
"name": "_hasTrailing",
|
|
7528
7420
|
"type": {
|
|
7529
|
-
"text": "
|
|
7421
|
+
"text": "boolean"
|
|
7530
7422
|
},
|
|
7531
|
-
"privacy": "private"
|
|
7423
|
+
"privacy": "private",
|
|
7424
|
+
"default": "false"
|
|
7532
7425
|
},
|
|
7533
7426
|
{
|
|
7534
7427
|
"kind": "field",
|
|
7535
|
-
"name": "
|
|
7428
|
+
"name": "input",
|
|
7536
7429
|
"type": {
|
|
7537
|
-
"text": "
|
|
7430
|
+
"text": "HTMLInputElement"
|
|
7538
7431
|
},
|
|
7539
7432
|
"privacy": "private"
|
|
7540
7433
|
},
|
|
7541
7434
|
{
|
|
7542
7435
|
"kind": "field",
|
|
7543
|
-
"name": "#
|
|
7544
|
-
"privacy": "private"
|
|
7545
|
-
},
|
|
7546
|
-
{
|
|
7547
|
-
"kind": "field",
|
|
7548
|
-
"name": "#syncSelection",
|
|
7436
|
+
"name": "#onLeadingChange",
|
|
7549
7437
|
"privacy": "private"
|
|
7550
7438
|
},
|
|
7551
7439
|
{
|
|
7552
7440
|
"kind": "field",
|
|
7553
|
-
"name": "#
|
|
7441
|
+
"name": "#onTrailingChange",
|
|
7554
7442
|
"privacy": "private"
|
|
7555
7443
|
},
|
|
7556
7444
|
{
|
|
7557
7445
|
"kind": "field",
|
|
7558
|
-
"name": "#
|
|
7446
|
+
"name": "#onInput",
|
|
7559
7447
|
"privacy": "private"
|
|
7560
7448
|
},
|
|
7561
7449
|
{
|
|
7562
7450
|
"kind": "field",
|
|
7563
|
-
"name": "#
|
|
7451
|
+
"name": "#onChange",
|
|
7564
7452
|
"privacy": "private"
|
|
7565
7453
|
},
|
|
7566
7454
|
{
|
|
7567
|
-
"kind": "
|
|
7568
|
-
"name": "#
|
|
7569
|
-
"privacy": "private"
|
|
7455
|
+
"kind": "method",
|
|
7456
|
+
"name": "#syncValidity",
|
|
7457
|
+
"privacy": "private",
|
|
7458
|
+
"return": {
|
|
7459
|
+
"type": {
|
|
7460
|
+
"text": "void"
|
|
7461
|
+
}
|
|
7462
|
+
}
|
|
7570
7463
|
}
|
|
7571
7464
|
],
|
|
7572
7465
|
"events": [
|
|
7573
7466
|
{
|
|
7574
|
-
"description": "
|
|
7467
|
+
"description": "Fired on every keystroke with the current value.",
|
|
7468
|
+
"name": "ds-input"
|
|
7469
|
+
},
|
|
7470
|
+
{
|
|
7471
|
+
"description": "Fired when the value is committed.",
|
|
7575
7472
|
"name": "ds-change"
|
|
7576
7473
|
}
|
|
7577
7474
|
],
|
|
7578
7475
|
"attributes": [
|
|
7579
7476
|
{
|
|
7580
|
-
"name": "
|
|
7477
|
+
"name": "type",
|
|
7478
|
+
"type": {
|
|
7479
|
+
"text": "TextFieldType"
|
|
7480
|
+
},
|
|
7481
|
+
"default": "'text'",
|
|
7482
|
+
"fieldName": "type"
|
|
7483
|
+
},
|
|
7484
|
+
{
|
|
7485
|
+
"name": "size",
|
|
7486
|
+
"type": {
|
|
7487
|
+
"text": "TextFieldSize"
|
|
7488
|
+
},
|
|
7489
|
+
"default": "'md'",
|
|
7490
|
+
"fieldName": "size"
|
|
7491
|
+
},
|
|
7492
|
+
{
|
|
7493
|
+
"name": "placeholder",
|
|
7581
7494
|
"type": {
|
|
7582
7495
|
"text": "string"
|
|
7583
7496
|
},
|
|
7584
7497
|
"default": "''",
|
|
7585
|
-
"fieldName": "
|
|
7498
|
+
"fieldName": "placeholder"
|
|
7499
|
+
},
|
|
7500
|
+
{
|
|
7501
|
+
"name": "readonly",
|
|
7502
|
+
"type": {
|
|
7503
|
+
"text": "boolean"
|
|
7504
|
+
},
|
|
7505
|
+
"default": "false",
|
|
7506
|
+
"fieldName": "readonly"
|
|
7507
|
+
},
|
|
7508
|
+
{
|
|
7509
|
+
"name": "min-length",
|
|
7510
|
+
"type": {
|
|
7511
|
+
"text": "number | undefined"
|
|
7512
|
+
},
|
|
7513
|
+
"fieldName": "minLength"
|
|
7514
|
+
},
|
|
7515
|
+
{
|
|
7516
|
+
"name": "max-length",
|
|
7517
|
+
"type": {
|
|
7518
|
+
"text": "number | undefined"
|
|
7519
|
+
},
|
|
7520
|
+
"fieldName": "maxLength"
|
|
7521
|
+
},
|
|
7522
|
+
{
|
|
7523
|
+
"name": "pattern",
|
|
7524
|
+
"type": {
|
|
7525
|
+
"text": "string | undefined"
|
|
7526
|
+
},
|
|
7527
|
+
"fieldName": "pattern"
|
|
7528
|
+
},
|
|
7529
|
+
{
|
|
7530
|
+
"name": "autocomplete",
|
|
7531
|
+
"type": {
|
|
7532
|
+
"text": "string | undefined"
|
|
7533
|
+
},
|
|
7534
|
+
"fieldName": "autocomplete"
|
|
7535
|
+
},
|
|
7536
|
+
{
|
|
7537
|
+
"name": "label",
|
|
7538
|
+
"type": {
|
|
7539
|
+
"text": "string"
|
|
7540
|
+
},
|
|
7541
|
+
"default": "''",
|
|
7542
|
+
"fieldName": "label"
|
|
7543
|
+
},
|
|
7544
|
+
{
|
|
7545
|
+
"name": "input-label",
|
|
7546
|
+
"type": {
|
|
7547
|
+
"text": "string"
|
|
7548
|
+
},
|
|
7549
|
+
"default": "''",
|
|
7550
|
+
"fieldName": "inputLabel"
|
|
7551
|
+
},
|
|
7552
|
+
{
|
|
7553
|
+
"name": "description",
|
|
7554
|
+
"type": {
|
|
7555
|
+
"text": "string"
|
|
7556
|
+
},
|
|
7557
|
+
"default": "''",
|
|
7558
|
+
"fieldName": "description"
|
|
7559
|
+
},
|
|
7560
|
+
{
|
|
7561
|
+
"name": "error",
|
|
7562
|
+
"type": {
|
|
7563
|
+
"text": "string"
|
|
7564
|
+
},
|
|
7565
|
+
"default": "''",
|
|
7566
|
+
"fieldName": "error"
|
|
7567
|
+
},
|
|
7568
|
+
{
|
|
7569
|
+
"name": "invalid",
|
|
7570
|
+
"type": {
|
|
7571
|
+
"text": "boolean"
|
|
7572
|
+
},
|
|
7573
|
+
"default": "false",
|
|
7574
|
+
"fieldName": "invalid"
|
|
7575
|
+
},
|
|
7576
|
+
{
|
|
7577
|
+
"name": "optional",
|
|
7578
|
+
"type": {
|
|
7579
|
+
"text": "boolean"
|
|
7580
|
+
},
|
|
7581
|
+
"default": "false",
|
|
7582
|
+
"fieldName": "optional"
|
|
7583
|
+
}
|
|
7584
|
+
],
|
|
7585
|
+
"mixins": [
|
|
7586
|
+
{
|
|
7587
|
+
"name": "FormControlMixin",
|
|
7588
|
+
"package": "@jsekulowicz/ds-core"
|
|
7586
7589
|
}
|
|
7587
7590
|
],
|
|
7588
7591
|
"superclass": {
|
|
7589
7592
|
"name": "DsElement",
|
|
7590
7593
|
"package": "@jsekulowicz/ds-core"
|
|
7591
7594
|
},
|
|
7592
|
-
"tagName": "ds-
|
|
7595
|
+
"tagName": "ds-text-field",
|
|
7593
7596
|
"customElement": true,
|
|
7594
|
-
"summary": "
|
|
7597
|
+
"summary": "Single-line text input with native form participation via ElementInternals."
|
|
7595
7598
|
}
|
|
7596
7599
|
],
|
|
7597
7600
|
"exports": [
|
|
7598
7601
|
{
|
|
7599
7602
|
"kind": "js",
|
|
7600
|
-
"name": "
|
|
7603
|
+
"name": "DsTextField",
|
|
7601
7604
|
"declaration": {
|
|
7602
|
-
"name": "
|
|
7603
|
-
"module": "src/atoms/
|
|
7605
|
+
"name": "DsTextField",
|
|
7606
|
+
"module": "src/atoms/text-field/text-field.ts"
|
|
7604
7607
|
}
|
|
7605
7608
|
}
|
|
7606
7609
|
]
|
|
7607
7610
|
},
|
|
7608
7611
|
{
|
|
7609
7612
|
"kind": "javascript-module",
|
|
7610
|
-
"path": "src/atoms/
|
|
7613
|
+
"path": "src/atoms/tabs/define.ts",
|
|
7611
7614
|
"declarations": [],
|
|
7612
7615
|
"exports": [
|
|
7613
7616
|
{
|
|
7614
7617
|
"kind": "custom-element-definition",
|
|
7615
|
-
"name": "ds-
|
|
7618
|
+
"name": "ds-tabs",
|
|
7616
7619
|
"declaration": {
|
|
7617
|
-
"name": "
|
|
7618
|
-
"module": "/src/atoms/
|
|
7620
|
+
"name": "DsTabs",
|
|
7621
|
+
"module": "/src/atoms/tabs/tabs.js"
|
|
7622
|
+
}
|
|
7623
|
+
},
|
|
7624
|
+
{
|
|
7625
|
+
"kind": "custom-element-definition",
|
|
7626
|
+
"name": "ds-tab",
|
|
7627
|
+
"declaration": {
|
|
7628
|
+
"name": "DsTab",
|
|
7629
|
+
"module": "/src/atoms/tabs/tab.js"
|
|
7630
|
+
}
|
|
7631
|
+
},
|
|
7632
|
+
{
|
|
7633
|
+
"kind": "custom-element-definition",
|
|
7634
|
+
"name": "ds-tab-panel",
|
|
7635
|
+
"declaration": {
|
|
7636
|
+
"name": "DsTabPanel",
|
|
7637
|
+
"module": "/src/atoms/tabs/tab-panel.js"
|
|
7619
7638
|
}
|
|
7620
7639
|
}
|
|
7621
7640
|
]
|
|
7622
7641
|
},
|
|
7623
7642
|
{
|
|
7624
7643
|
"kind": "javascript-module",
|
|
7625
|
-
"path": "src/atoms/
|
|
7644
|
+
"path": "src/atoms/tabs/index.ts",
|
|
7626
7645
|
"declarations": [],
|
|
7627
7646
|
"exports": [
|
|
7628
7647
|
{
|
|
7629
7648
|
"kind": "js",
|
|
7630
|
-
"name": "
|
|
7649
|
+
"name": "DsTabs",
|
|
7631
7650
|
"declaration": {
|
|
7632
|
-
"name": "
|
|
7633
|
-
"module": "./
|
|
7651
|
+
"name": "DsTabs",
|
|
7652
|
+
"module": "./tabs.js"
|
|
7634
7653
|
}
|
|
7635
7654
|
},
|
|
7636
7655
|
{
|
|
7637
7656
|
"kind": "js",
|
|
7638
|
-
"name": "
|
|
7657
|
+
"name": "DsTab",
|
|
7639
7658
|
"declaration": {
|
|
7640
|
-
"name": "
|
|
7641
|
-
"module": "./
|
|
7659
|
+
"name": "DsTab",
|
|
7660
|
+
"module": "./tab.js"
|
|
7642
7661
|
}
|
|
7643
7662
|
},
|
|
7644
7663
|
{
|
|
7645
7664
|
"kind": "js",
|
|
7646
|
-
"name": "
|
|
7665
|
+
"name": "DsTabPanel",
|
|
7647
7666
|
"declaration": {
|
|
7648
|
-
"name": "
|
|
7649
|
-
"module": "./
|
|
7667
|
+
"name": "DsTabPanel",
|
|
7668
|
+
"module": "./tab-panel.js"
|
|
7650
7669
|
}
|
|
7651
7670
|
}
|
|
7652
7671
|
]
|
|
7653
7672
|
},
|
|
7654
7673
|
{
|
|
7655
7674
|
"kind": "javascript-module",
|
|
7656
|
-
"path": "src/atoms/
|
|
7675
|
+
"path": "src/atoms/tabs/tab-panel.styles.ts",
|
|
7657
7676
|
"declarations": [
|
|
7658
7677
|
{
|
|
7659
7678
|
"kind": "variable",
|
|
7660
|
-
"name": "
|
|
7661
|
-
"default": "css` :host { display:
|
|
7679
|
+
"name": "tabPanelStyles",
|
|
7680
|
+
"default": "css` :host { display: block; } :host(:focus-visible) { border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-focus); } `"
|
|
7662
7681
|
}
|
|
7663
7682
|
],
|
|
7664
7683
|
"exports": [
|
|
7665
7684
|
{
|
|
7666
7685
|
"kind": "js",
|
|
7667
|
-
"name": "
|
|
7686
|
+
"name": "tabPanelStyles",
|
|
7668
7687
|
"declaration": {
|
|
7669
|
-
"name": "
|
|
7670
|
-
"module": "src/atoms/
|
|
7688
|
+
"name": "tabPanelStyles",
|
|
7689
|
+
"module": "src/atoms/tabs/tab-panel.styles.ts"
|
|
7671
7690
|
}
|
|
7672
7691
|
}
|
|
7673
7692
|
]
|
|
7674
7693
|
},
|
|
7675
7694
|
{
|
|
7676
7695
|
"kind": "javascript-module",
|
|
7677
|
-
"path": "src/atoms/
|
|
7696
|
+
"path": "src/atoms/tabs/tab-panel.ts",
|
|
7678
7697
|
"declarations": [
|
|
7679
7698
|
{
|
|
7680
7699
|
"kind": "class",
|
|
7681
7700
|
"description": "",
|
|
7682
|
-
"name": "
|
|
7701
|
+
"name": "DsTabPanel",
|
|
7683
7702
|
"slots": [
|
|
7684
7703
|
{
|
|
7685
|
-
"description": "
|
|
7686
|
-
"name": "
|
|
7687
|
-
},
|
|
7688
|
-
{
|
|
7689
|
-
"description": "Adornment rendered after the input.",
|
|
7690
|
-
"name": "trailing"
|
|
7704
|
+
"description": "Panel contents, shown only when the panel is active.",
|
|
7705
|
+
"name": "default"
|
|
7691
7706
|
}
|
|
7692
7707
|
],
|
|
7693
7708
|
"members": [
|
|
7694
7709
|
{
|
|
7695
7710
|
"kind": "field",
|
|
7696
|
-
"name": "
|
|
7711
|
+
"name": "value",
|
|
7697
7712
|
"type": {
|
|
7698
|
-
"text": "
|
|
7713
|
+
"text": "string"
|
|
7699
7714
|
},
|
|
7700
|
-
"
|
|
7701
|
-
"
|
|
7715
|
+
"default": "''",
|
|
7716
|
+
"attribute": "value"
|
|
7702
7717
|
},
|
|
7703
7718
|
{
|
|
7704
7719
|
"kind": "field",
|
|
7705
|
-
"name": "
|
|
7720
|
+
"name": "active",
|
|
7706
7721
|
"type": {
|
|
7707
|
-
"text": "
|
|
7722
|
+
"text": "boolean"
|
|
7708
7723
|
},
|
|
7709
|
-
"default": "
|
|
7710
|
-
"attribute": "
|
|
7711
|
-
|
|
7724
|
+
"default": "false",
|
|
7725
|
+
"attribute": "active",
|
|
7726
|
+
"reflects": true
|
|
7727
|
+
}
|
|
7728
|
+
],
|
|
7729
|
+
"attributes": [
|
|
7712
7730
|
{
|
|
7713
|
-
"
|
|
7714
|
-
"name": "size",
|
|
7731
|
+
"name": "value",
|
|
7715
7732
|
"type": {
|
|
7716
|
-
"text": "
|
|
7733
|
+
"text": "string"
|
|
7717
7734
|
},
|
|
7718
|
-
"default": "'
|
|
7719
|
-
"
|
|
7720
|
-
"reflects": true
|
|
7735
|
+
"default": "''",
|
|
7736
|
+
"fieldName": "value"
|
|
7721
7737
|
},
|
|
7738
|
+
{
|
|
7739
|
+
"name": "active",
|
|
7740
|
+
"type": {
|
|
7741
|
+
"text": "boolean"
|
|
7742
|
+
},
|
|
7743
|
+
"default": "false",
|
|
7744
|
+
"fieldName": "active"
|
|
7745
|
+
}
|
|
7746
|
+
],
|
|
7747
|
+
"superclass": {
|
|
7748
|
+
"name": "DsElement",
|
|
7749
|
+
"package": "@jsekulowicz/ds-core"
|
|
7750
|
+
},
|
|
7751
|
+
"tagName": "ds-tab-panel",
|
|
7752
|
+
"customElement": true,
|
|
7753
|
+
"summary": "Content region associated with a ds-tab."
|
|
7754
|
+
}
|
|
7755
|
+
],
|
|
7756
|
+
"exports": [
|
|
7757
|
+
{
|
|
7758
|
+
"kind": "js",
|
|
7759
|
+
"name": "DsTabPanel",
|
|
7760
|
+
"declaration": {
|
|
7761
|
+
"name": "DsTabPanel",
|
|
7762
|
+
"module": "src/atoms/tabs/tab-panel.ts"
|
|
7763
|
+
}
|
|
7764
|
+
}
|
|
7765
|
+
]
|
|
7766
|
+
},
|
|
7767
|
+
{
|
|
7768
|
+
"kind": "javascript-module",
|
|
7769
|
+
"path": "src/atoms/tabs/tab.styles.ts",
|
|
7770
|
+
"declarations": [
|
|
7771
|
+
{
|
|
7772
|
+
"kind": "variable",
|
|
7773
|
+
"name": "tabStyles",
|
|
7774
|
+
"default": "css` :host { display: inline-flex; } :host([disabled]) { cursor: not-allowed; opacity: 0.5; } .tab { display: inline-flex; align-items: center; gap: var(--ds-space-2); padding: var(--ds-space-3) var(--ds-space-2); color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); font-weight: var(--ds-font-weight-medium); line-height: 1; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color var(--ds-duration-fast) var(--ds-easing-standard), border-color var(--ds-duration-fast) var(--ds-easing-standard); user-select: none; white-space: nowrap; } :host(:hover:not([disabled])) .tab { color: var(--ds-color-fg); } :host([selected]) .tab { color: var(--ds-color-accent); border-bottom-color: var(--ds-color-accent); } :host(:focus-visible) .tab { border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-focus); } `"
|
|
7775
|
+
}
|
|
7776
|
+
],
|
|
7777
|
+
"exports": [
|
|
7778
|
+
{
|
|
7779
|
+
"kind": "js",
|
|
7780
|
+
"name": "tabStyles",
|
|
7781
|
+
"declaration": {
|
|
7782
|
+
"name": "tabStyles",
|
|
7783
|
+
"module": "src/atoms/tabs/tab.styles.ts"
|
|
7784
|
+
}
|
|
7785
|
+
}
|
|
7786
|
+
]
|
|
7787
|
+
},
|
|
7788
|
+
{
|
|
7789
|
+
"kind": "javascript-module",
|
|
7790
|
+
"path": "src/atoms/tabs/tab.ts",
|
|
7791
|
+
"declarations": [
|
|
7792
|
+
{
|
|
7793
|
+
"kind": "class",
|
|
7794
|
+
"description": "",
|
|
7795
|
+
"name": "DsTab",
|
|
7796
|
+
"cssParts": [
|
|
7797
|
+
{
|
|
7798
|
+
"description": "The inner tab surface.",
|
|
7799
|
+
"name": "tab"
|
|
7800
|
+
}
|
|
7801
|
+
],
|
|
7802
|
+
"slots": [
|
|
7803
|
+
{
|
|
7804
|
+
"description": "Tab label content.",
|
|
7805
|
+
"name": "default"
|
|
7806
|
+
}
|
|
7807
|
+
],
|
|
7808
|
+
"members": [
|
|
7722
7809
|
{
|
|
7723
7810
|
"kind": "field",
|
|
7724
|
-
"name": "
|
|
7811
|
+
"name": "value",
|
|
7725
7812
|
"type": {
|
|
7726
7813
|
"text": "string"
|
|
7727
7814
|
},
|
|
7728
7815
|
"default": "''",
|
|
7729
|
-
"attribute": "
|
|
7816
|
+
"attribute": "value"
|
|
7730
7817
|
},
|
|
7731
7818
|
{
|
|
7732
7819
|
"kind": "field",
|
|
7733
|
-
"name": "
|
|
7820
|
+
"name": "selected",
|
|
7734
7821
|
"type": {
|
|
7735
7822
|
"text": "boolean"
|
|
7736
7823
|
},
|
|
7737
7824
|
"default": "false",
|
|
7738
|
-
"attribute": "
|
|
7825
|
+
"attribute": "selected",
|
|
7739
7826
|
"reflects": true
|
|
7740
7827
|
},
|
|
7741
7828
|
{
|
|
7742
7829
|
"kind": "field",
|
|
7743
|
-
"name": "
|
|
7830
|
+
"name": "disabled",
|
|
7744
7831
|
"type": {
|
|
7745
|
-
"text": "
|
|
7832
|
+
"text": "boolean"
|
|
7746
7833
|
},
|
|
7747
|
-
"
|
|
7834
|
+
"default": "false",
|
|
7835
|
+
"attribute": "disabled",
|
|
7836
|
+
"reflects": true
|
|
7748
7837
|
},
|
|
7749
7838
|
{
|
|
7750
7839
|
"kind": "field",
|
|
7751
|
-
"name": "
|
|
7840
|
+
"name": "#onClick",
|
|
7841
|
+
"privacy": "private"
|
|
7842
|
+
}
|
|
7843
|
+
],
|
|
7844
|
+
"attributes": [
|
|
7845
|
+
{
|
|
7846
|
+
"name": "value",
|
|
7752
7847
|
"type": {
|
|
7753
|
-
"text": "
|
|
7848
|
+
"text": "string"
|
|
7754
7849
|
},
|
|
7755
|
-
"
|
|
7850
|
+
"default": "''",
|
|
7851
|
+
"fieldName": "value"
|
|
7756
7852
|
},
|
|
7757
7853
|
{
|
|
7758
|
-
"
|
|
7759
|
-
"name": "pattern",
|
|
7854
|
+
"name": "selected",
|
|
7760
7855
|
"type": {
|
|
7761
|
-
"text": "
|
|
7856
|
+
"text": "boolean"
|
|
7762
7857
|
},
|
|
7763
|
-
"
|
|
7858
|
+
"default": "false",
|
|
7859
|
+
"fieldName": "selected"
|
|
7764
7860
|
},
|
|
7765
7861
|
{
|
|
7766
|
-
"
|
|
7767
|
-
"
|
|
7768
|
-
|
|
7769
|
-
|
|
7770
|
-
|
|
7771
|
-
"
|
|
7862
|
+
"name": "disabled",
|
|
7863
|
+
"type": {
|
|
7864
|
+
"text": "boolean"
|
|
7865
|
+
},
|
|
7866
|
+
"default": "false",
|
|
7867
|
+
"fieldName": "disabled"
|
|
7868
|
+
}
|
|
7869
|
+
],
|
|
7870
|
+
"superclass": {
|
|
7871
|
+
"name": "DsElement",
|
|
7872
|
+
"package": "@jsekulowicz/ds-core"
|
|
7873
|
+
},
|
|
7874
|
+
"tagName": "ds-tab",
|
|
7875
|
+
"customElement": true,
|
|
7876
|
+
"summary": "Individual tab trigger inside a ds-tabs tablist."
|
|
7877
|
+
}
|
|
7878
|
+
],
|
|
7879
|
+
"exports": [
|
|
7880
|
+
{
|
|
7881
|
+
"kind": "js",
|
|
7882
|
+
"name": "DsTab",
|
|
7883
|
+
"declaration": {
|
|
7884
|
+
"name": "DsTab",
|
|
7885
|
+
"module": "src/atoms/tabs/tab.ts"
|
|
7886
|
+
}
|
|
7887
|
+
}
|
|
7888
|
+
]
|
|
7889
|
+
},
|
|
7890
|
+
{
|
|
7891
|
+
"kind": "javascript-module",
|
|
7892
|
+
"path": "src/atoms/tabs/tabs.styles.ts",
|
|
7893
|
+
"declarations": [
|
|
7894
|
+
{
|
|
7895
|
+
"kind": "variable",
|
|
7896
|
+
"name": "tabsStyles",
|
|
7897
|
+
"default": "css` :host { display: block; width: 100%; } .tablist { display: flex; gap: var(--ds-space-2); border-bottom: 1px solid var(--ds-color-border); padding: 4px 4px 0; margin: -4px -4px 0; } .panels { padding-top: var(--ds-space-4); } `"
|
|
7898
|
+
}
|
|
7899
|
+
],
|
|
7900
|
+
"exports": [
|
|
7901
|
+
{
|
|
7902
|
+
"kind": "js",
|
|
7903
|
+
"name": "tabsStyles",
|
|
7904
|
+
"declaration": {
|
|
7905
|
+
"name": "tabsStyles",
|
|
7906
|
+
"module": "src/atoms/tabs/tabs.styles.ts"
|
|
7907
|
+
}
|
|
7908
|
+
}
|
|
7909
|
+
]
|
|
7910
|
+
},
|
|
7911
|
+
{
|
|
7912
|
+
"kind": "javascript-module",
|
|
7913
|
+
"path": "src/atoms/tabs/tabs.ts",
|
|
7914
|
+
"declarations": [
|
|
7915
|
+
{
|
|
7916
|
+
"kind": "class",
|
|
7917
|
+
"description": "",
|
|
7918
|
+
"name": "DsTabs",
|
|
7919
|
+
"cssParts": [
|
|
7920
|
+
{
|
|
7921
|
+
"description": "The horizontal tab row.",
|
|
7922
|
+
"name": "tablist"
|
|
7772
7923
|
},
|
|
7773
7924
|
{
|
|
7774
|
-
"
|
|
7775
|
-
"name": "
|
|
7776
|
-
|
|
7777
|
-
|
|
7778
|
-
|
|
7779
|
-
"default": "''",
|
|
7780
|
-
"attribute": "label"
|
|
7781
|
-
},
|
|
7925
|
+
"description": "The panels container.",
|
|
7926
|
+
"name": "panels"
|
|
7927
|
+
}
|
|
7928
|
+
],
|
|
7929
|
+
"slots": [
|
|
7782
7930
|
{
|
|
7783
|
-
"
|
|
7784
|
-
"name": "
|
|
7785
|
-
"type": {
|
|
7786
|
-
"text": "string"
|
|
7787
|
-
},
|
|
7788
|
-
"default": "''",
|
|
7789
|
-
"attribute": "input-label"
|
|
7931
|
+
"description": "ds-tab elements that make up the tablist.",
|
|
7932
|
+
"name": "tab"
|
|
7790
7933
|
},
|
|
7791
7934
|
{
|
|
7792
|
-
"
|
|
7793
|
-
"name": "
|
|
7794
|
-
|
|
7795
|
-
|
|
7796
|
-
|
|
7797
|
-
"default": "''",
|
|
7798
|
-
"attribute": "description"
|
|
7799
|
-
},
|
|
7935
|
+
"description": "ds-tab-panel elements, one per tab.",
|
|
7936
|
+
"name": "default"
|
|
7937
|
+
}
|
|
7938
|
+
],
|
|
7939
|
+
"members": [
|
|
7800
7940
|
{
|
|
7801
7941
|
"kind": "field",
|
|
7802
|
-
"name": "
|
|
7942
|
+
"name": "value",
|
|
7803
7943
|
"type": {
|
|
7804
7944
|
"text": "string"
|
|
7805
7945
|
},
|
|
7806
7946
|
"default": "''",
|
|
7807
|
-
"attribute": "
|
|
7808
|
-
},
|
|
7809
|
-
{
|
|
7810
|
-
"kind": "field",
|
|
7811
|
-
"name": "invalid",
|
|
7812
|
-
"type": {
|
|
7813
|
-
"text": "boolean"
|
|
7814
|
-
},
|
|
7815
|
-
"default": "false",
|
|
7816
|
-
"attribute": "invalid",
|
|
7817
|
-
"reflects": true
|
|
7947
|
+
"attribute": "value"
|
|
7818
7948
|
},
|
|
7819
7949
|
{
|
|
7820
7950
|
"kind": "field",
|
|
7821
|
-
"name": "
|
|
7951
|
+
"name": "_tabs",
|
|
7822
7952
|
"type": {
|
|
7823
|
-
"text": "
|
|
7953
|
+
"text": "DsTab[]"
|
|
7824
7954
|
},
|
|
7825
|
-
"
|
|
7826
|
-
"attribute": "optional",
|
|
7827
|
-
"reflects": true
|
|
7955
|
+
"privacy": "private"
|
|
7828
7956
|
},
|
|
7829
7957
|
{
|
|
7830
7958
|
"kind": "field",
|
|
7831
|
-
"name": "
|
|
7959
|
+
"name": "_panels",
|
|
7832
7960
|
"type": {
|
|
7833
|
-
"text": "
|
|
7961
|
+
"text": "DsTabPanel[]"
|
|
7834
7962
|
},
|
|
7835
|
-
"privacy": "private"
|
|
7836
|
-
"default": "false"
|
|
7963
|
+
"privacy": "private"
|
|
7837
7964
|
},
|
|
7838
7965
|
{
|
|
7839
7966
|
"kind": "field",
|
|
7840
|
-
"name": "
|
|
7841
|
-
"
|
|
7842
|
-
"text": "boolean"
|
|
7843
|
-
},
|
|
7844
|
-
"privacy": "private",
|
|
7845
|
-
"default": "false"
|
|
7967
|
+
"name": "#onSlotChange",
|
|
7968
|
+
"privacy": "private"
|
|
7846
7969
|
},
|
|
7847
7970
|
{
|
|
7848
7971
|
"kind": "field",
|
|
7849
|
-
"name": "
|
|
7850
|
-
"type": {
|
|
7851
|
-
"text": "HTMLInputElement"
|
|
7852
|
-
},
|
|
7972
|
+
"name": "#syncSelection",
|
|
7853
7973
|
"privacy": "private"
|
|
7854
7974
|
},
|
|
7855
7975
|
{
|
|
7856
7976
|
"kind": "field",
|
|
7857
|
-
"name": "#
|
|
7977
|
+
"name": "#onTabActivate",
|
|
7858
7978
|
"privacy": "private"
|
|
7859
7979
|
},
|
|
7860
7980
|
{
|
|
7861
7981
|
"kind": "field",
|
|
7862
|
-
"name": "#
|
|
7982
|
+
"name": "#setValue",
|
|
7863
7983
|
"privacy": "private"
|
|
7864
7984
|
},
|
|
7865
7985
|
{
|
|
7866
7986
|
"kind": "field",
|
|
7867
|
-
"name": "#
|
|
7987
|
+
"name": "#focusTab",
|
|
7868
7988
|
"privacy": "private"
|
|
7869
7989
|
},
|
|
7870
7990
|
{
|
|
7871
7991
|
"kind": "field",
|
|
7872
|
-
"name": "#
|
|
7992
|
+
"name": "#onKeydown",
|
|
7873
7993
|
"privacy": "private"
|
|
7874
|
-
},
|
|
7875
|
-
{
|
|
7876
|
-
"kind": "method",
|
|
7877
|
-
"name": "#syncValidity",
|
|
7878
|
-
"privacy": "private",
|
|
7879
|
-
"return": {
|
|
7880
|
-
"type": {
|
|
7881
|
-
"text": "void"
|
|
7882
|
-
}
|
|
7883
|
-
}
|
|
7884
7994
|
}
|
|
7885
7995
|
],
|
|
7886
7996
|
"events": [
|
|
7887
7997
|
{
|
|
7888
|
-
"description": "
|
|
7889
|
-
"name": "ds-input"
|
|
7890
|
-
},
|
|
7891
|
-
{
|
|
7892
|
-
"description": "Fired when the value is committed.",
|
|
7998
|
+
"description": "Fires when the active tab changes. Detail: `{ value: string }`.",
|
|
7893
7999
|
"name": "ds-change"
|
|
7894
8000
|
}
|
|
7895
8001
|
],
|
|
7896
8002
|
"attributes": [
|
|
7897
8003
|
{
|
|
7898
|
-
"name": "
|
|
7899
|
-
"type": {
|
|
7900
|
-
"text": "TextFieldType"
|
|
7901
|
-
},
|
|
7902
|
-
"default": "'text'",
|
|
7903
|
-
"fieldName": "type"
|
|
7904
|
-
},
|
|
7905
|
-
{
|
|
7906
|
-
"name": "size",
|
|
7907
|
-
"type": {
|
|
7908
|
-
"text": "TextFieldSize"
|
|
7909
|
-
},
|
|
7910
|
-
"default": "'md'",
|
|
7911
|
-
"fieldName": "size"
|
|
7912
|
-
},
|
|
7913
|
-
{
|
|
7914
|
-
"name": "placeholder",
|
|
7915
|
-
"type": {
|
|
7916
|
-
"text": "string"
|
|
7917
|
-
},
|
|
7918
|
-
"default": "''",
|
|
7919
|
-
"fieldName": "placeholder"
|
|
7920
|
-
},
|
|
7921
|
-
{
|
|
7922
|
-
"name": "readonly",
|
|
7923
|
-
"type": {
|
|
7924
|
-
"text": "boolean"
|
|
7925
|
-
},
|
|
7926
|
-
"default": "false",
|
|
7927
|
-
"fieldName": "readonly"
|
|
7928
|
-
},
|
|
7929
|
-
{
|
|
7930
|
-
"name": "min-length",
|
|
7931
|
-
"type": {
|
|
7932
|
-
"text": "number | undefined"
|
|
7933
|
-
},
|
|
7934
|
-
"fieldName": "minLength"
|
|
7935
|
-
},
|
|
7936
|
-
{
|
|
7937
|
-
"name": "max-length",
|
|
7938
|
-
"type": {
|
|
7939
|
-
"text": "number | undefined"
|
|
7940
|
-
},
|
|
7941
|
-
"fieldName": "maxLength"
|
|
7942
|
-
},
|
|
7943
|
-
{
|
|
7944
|
-
"name": "pattern",
|
|
7945
|
-
"type": {
|
|
7946
|
-
"text": "string | undefined"
|
|
7947
|
-
},
|
|
7948
|
-
"fieldName": "pattern"
|
|
7949
|
-
},
|
|
7950
|
-
{
|
|
7951
|
-
"name": "autocomplete",
|
|
7952
|
-
"type": {
|
|
7953
|
-
"text": "string | undefined"
|
|
7954
|
-
},
|
|
7955
|
-
"fieldName": "autocomplete"
|
|
7956
|
-
},
|
|
7957
|
-
{
|
|
7958
|
-
"name": "label",
|
|
7959
|
-
"type": {
|
|
7960
|
-
"text": "string"
|
|
7961
|
-
},
|
|
7962
|
-
"default": "''",
|
|
7963
|
-
"fieldName": "label"
|
|
7964
|
-
},
|
|
7965
|
-
{
|
|
7966
|
-
"name": "input-label",
|
|
7967
|
-
"type": {
|
|
7968
|
-
"text": "string"
|
|
7969
|
-
},
|
|
7970
|
-
"default": "''",
|
|
7971
|
-
"fieldName": "inputLabel"
|
|
7972
|
-
},
|
|
7973
|
-
{
|
|
7974
|
-
"name": "description",
|
|
7975
|
-
"type": {
|
|
7976
|
-
"text": "string"
|
|
7977
|
-
},
|
|
7978
|
-
"default": "''",
|
|
7979
|
-
"fieldName": "description"
|
|
7980
|
-
},
|
|
7981
|
-
{
|
|
7982
|
-
"name": "error",
|
|
8004
|
+
"name": "value",
|
|
7983
8005
|
"type": {
|
|
7984
8006
|
"text": "string"
|
|
7985
8007
|
},
|
|
7986
8008
|
"default": "''",
|
|
7987
|
-
"fieldName": "
|
|
7988
|
-
},
|
|
7989
|
-
{
|
|
7990
|
-
"name": "invalid",
|
|
7991
|
-
"type": {
|
|
7992
|
-
"text": "boolean"
|
|
7993
|
-
},
|
|
7994
|
-
"default": "false",
|
|
7995
|
-
"fieldName": "invalid"
|
|
7996
|
-
},
|
|
7997
|
-
{
|
|
7998
|
-
"name": "optional",
|
|
7999
|
-
"type": {
|
|
8000
|
-
"text": "boolean"
|
|
8001
|
-
},
|
|
8002
|
-
"default": "false",
|
|
8003
|
-
"fieldName": "optional"
|
|
8004
|
-
}
|
|
8005
|
-
],
|
|
8006
|
-
"mixins": [
|
|
8007
|
-
{
|
|
8008
|
-
"name": "FormControlMixin",
|
|
8009
|
-
"package": "@jsekulowicz/ds-core"
|
|
8009
|
+
"fieldName": "value"
|
|
8010
8010
|
}
|
|
8011
8011
|
],
|
|
8012
8012
|
"superclass": {
|
|
8013
8013
|
"name": "DsElement",
|
|
8014
8014
|
"package": "@jsekulowicz/ds-core"
|
|
8015
8015
|
},
|
|
8016
|
-
"tagName": "ds-
|
|
8016
|
+
"tagName": "ds-tabs",
|
|
8017
8017
|
"customElement": true,
|
|
8018
|
-
"summary": "
|
|
8018
|
+
"summary": "Tablist container that coordinates ds-tab triggers and ds-tab-panel regions."
|
|
8019
8019
|
}
|
|
8020
8020
|
],
|
|
8021
8021
|
"exports": [
|
|
8022
8022
|
{
|
|
8023
8023
|
"kind": "js",
|
|
8024
|
-
"name": "
|
|
8024
|
+
"name": "DsTabs",
|
|
8025
8025
|
"declaration": {
|
|
8026
|
-
"name": "
|
|
8027
|
-
"module": "src/atoms/
|
|
8026
|
+
"name": "DsTabs",
|
|
8027
|
+
"module": "src/atoms/tabs/tabs.ts"
|
|
8028
8028
|
}
|
|
8029
8029
|
}
|
|
8030
8030
|
]
|
|
@@ -12965,7 +12965,7 @@
|
|
|
12965
12965
|
{
|
|
12966
12966
|
"kind": "variable",
|
|
12967
12967
|
"name": "footerStyles",
|
|
12968
|
-
"default": "css` :host { display: block; container-type: inline-size; } footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: var(--ds-space-4); padding: var(--ds-space-2) var(--ds-space-5); border-top: 1px solid var(--ds-color-border); color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); } .start, .middle, .end { display: flex; align-items: center; gap: var(--ds-space-3); min-width: 0; } .end { justify-content: flex-end; } @container (max-width: ${mobileBreakpoint}) { footer { gap: var(--ds-space-2);
|
|
12968
|
+
"default": "css` :host { display: block; container-type: inline-size; } footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: var(--ds-space-4); padding: var(--ds-space-2) var(--ds-space-5); border-top: 1px solid var(--ds-color-border); color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); } .start, .middle, .end { display: flex; align-items: center; gap: var(--ds-space-3); min-width: 0; } .end { justify-content: flex-end; } @container (max-width: ${mobileBreakpoint}) { footer { gap: var(--ds-space-2); font-size: var(--ds-font-size-xs); } .start, .middle, .end { gap: var(--ds-space-2); } } @media (max-width: ${belowDesktopBreakpoint}) { footer { padding-inline: var(--ds-space-4); } } `"
|
|
12969
12969
|
}
|
|
12970
12970
|
],
|
|
12971
12971
|
"exports": [
|
|
@@ -13296,7 +13296,7 @@
|
|
|
13296
13296
|
{
|
|
13297
13297
|
"kind": "variable",
|
|
13298
13298
|
"name": "navbarStyles",
|
|
13299
|
-
"default": "css` :host { display: block; container-type: inline-size; } nav { position: relative; display: flex; align-items: center; gap: var(--ds-space-4); padding: var(--ds-space-3) var(--ds-space-
|
|
13299
|
+
"default": "css` :host { display: block; container-type: inline-size; } nav { position: relative; display: flex; align-items: center; gap: var(--ds-space-4); padding: var(--ds-space-3) var(--ds-space-5); background: var(--ds-color-bg); border-bottom: 1px solid var(--ds-color-border); font-family: var(--ds-font-body); } .brand { display: flex; align-items: center; gap: var(--ds-space-2); font-family: var(--ds-font-display); font-size: var(--ds-font-size-lg); color: var(--ds-color-fg); } .links { display: flex; align-items: center; gap: var(--ds-space-3); flex: 1; } .actions { display: flex; align-items: center; gap: var(--ds-space-2); } .toggle { display: none; align-items: center; justify-content: center; border: 1px solid var(--ds-color-border); background: transparent; border-radius: var(--ds-radius-sm); color: var(--ds-color-fg); cursor: pointer; padding: var(--ds-space-2); } .toggle:focus-visible { box-shadow: var(--ds-shadow-focus); } .menu { display: contents; } @container (max-width: ${tabletBreakpoint}) { .links { justify-content: flex-end; flex: 0 0 auto; margin-left: auto; } .toggle { display: inline-flex; } .menu { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: var(--ds-space-1); padding: var(--ds-space-3); background: var(--ds-color-bg); border-bottom: 1px solid var(--ds-color-border); box-shadow: var(--ds-shadow-md); z-index: 10; } :host([data-open]) .menu { display: flex; } } @media (max-width: ${belowDesktopBreakpoint}) { nav { padding-inline: var(--ds-space-4); } } `"
|
|
13300
13300
|
}
|
|
13301
13301
|
],
|
|
13302
13302
|
"exports": [
|
|
@@ -13861,7 +13861,7 @@
|
|
|
13861
13861
|
{
|
|
13862
13862
|
"kind": "variable",
|
|
13863
13863
|
"name": "pageShellStyles",
|
|
13864
|
-
"default": "css` :host { --ds-page-shell-max-width: 90rem; display: flex; flex-direction: column; position: relative; min-height: 100vh; overflow-x: clip; background: var(--ds-color-bg); color: var(--ds-color-fg); font-family: var(--ds-font-body); } header { border-bottom: 1px solid var(--ds-color-border); padding: var(--ds-space-2) 0; position: sticky; top: 0; background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent); backdrop-filter: blur(12px); z-index: var(--ds-z-index-sticky); } footer { display: block; } .shell-inner { width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; padding-inline: var(--ds-space-5); } .shell-inner--header { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-3); } .shell-body { flex: 1; width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; display: grid; grid-template-columns: auto 1fr; min-height: 0; } :host([aside-empty]) .shell-body { grid-template-columns: 1fr; } aside { display: flex; overflow-x: clip; overflow-y: auto; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; scrollbar-gutter:
|
|
13864
|
+
"default": "css` :host { --ds-page-shell-max-width: 90rem; display: flex; flex-direction: column; position: relative; min-height: 100vh; overflow-x: clip; background: var(--ds-color-bg); color: var(--ds-color-fg); font-family: var(--ds-font-body); } header { border-bottom: 1px solid var(--ds-color-border); padding: var(--ds-space-2) 0; position: sticky; top: 0; background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent); backdrop-filter: blur(12px); z-index: var(--ds-z-index-sticky); } footer { display: block; } .shell-inner { width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; padding-inline: var(--ds-space-5); } .shell-inner--header { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-3); } .shell-body { flex: 1; width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; display: grid; grid-template-columns: auto 1fr auto; min-height: 0; } :host([aside-empty]) .shell-body { grid-template-columns: 1fr auto; } :host([aside-end-empty]) .shell-body { grid-template-columns: auto 1fr; } :host([aside-empty][aside-end-empty]) .shell-body { grid-template-columns: 1fr; } aside { display: flex; overflow-x: clip; overflow-y: auto; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; /* No scrollbar-gutter reservation: the aside sits flush with its column edge so the consumer's <main> solely owns the gap. The scrollbar appears on demand when the aside genuinely overflows. */ } :host([aside-empty]) aside[part=\"aside\"], :host([aside-empty]) .mobile-backdrop { display: none; } :host([aside-end-empty]) aside[part=\"aside-end\"] { display: none; } main { padding: var(--ds-space-5); overflow: auto; min-width: 0; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; /* Reserve scrollbar gutters on both inline sides so the horizontal content position stays symmetric whether the vertical scrollbar is present or not. Without this, an overflowing main has its content pushed inward on the inline-end side only (asymmetric margins). */ scrollbar-gutter: stable both-edges; } @media (max-width: ${belowDesktopBreakpoint}) { .shell-inner { padding-inline: var(--ds-space-4); } main { padding: var(--ds-space-4) var(--ds-space-2); } } .brand { font-family: var(--ds-font-display); font-size: var(--ds-font-size-lg); letter-spacing: var(--ds-letter-spacing-display); } .menu-toggle { display: inline-flex; } .mobile-backdrop { display: none; } .drawer-header { display: none; } .drawer-close { display: none; } .menu-toggle::part(button), .drawer-close::part(button) { min-width: var(--ds-size-sm); width: var(--ds-size-sm); padding: 0; } :host(:not([mobile-layout])) .menu-toggle { display: none; } :host([mobile-layout]) .shell-body { grid-template-columns: 1fr; } :host([mobile-layout]) aside[part=\"aside-end\"] { /* Secondary inline-end region is not surfaced in the mobile drawer in v1. Consumers can opt back in by overriding via ::part(aside-end). */ display: none; } :host([mobile-layout]) .brand { flex: 1; } :host([mobile-layout]) aside[part=\"aside\"] { position: absolute; top: 0; left: 0; width: 16rem; display: flex; flex-direction: column; height: 100%; background: var(--ds-color-bg); border-right: 0; z-index: var(--ds-z-index-modal); transform: translateX(-100%); transition: transform var(--ds-duration-slow) var(--ds-easing-standard); scrollbar-gutter: auto; overflow: hidden; box-sizing: border-box; } :host([mobile-layout][data-mobile-nav-open]) aside[part=\"aside\"] { transform: translateX(0); } :host([mobile-layout]) .drawer-header { display: flex; align-items: center; padding: var(--ds-space-2) var(--ds-space-2) 0; } :host([mobile-layout]) .drawer-close { display: inline-flex; margin: 0; } :host([mobile-layout]) aside[part=\"aside\"] ::slotted(ds-sidenav) { width: 100% !important; max-width: 100% !important; flex: 1 1 auto; min-width: 0; min-height: 0; height: auto !important; } :host([mobile-layout][data-mobile-nav-open]) .mobile-backdrop { display: block; position: absolute; inset: 0; border: 0; margin: 0; padding: 0; background: color-mix(in oklab, var(--ds-color-fg) 26%, transparent); z-index: var(--ds-z-index-overlay); } `"
|
|
13865
13865
|
}
|
|
13866
13866
|
],
|
|
13867
13867
|
"exports": [
|
|
@@ -13899,9 +13899,13 @@
|
|
|
13899
13899
|
"name": "header-actions"
|
|
13900
13900
|
},
|
|
13901
13901
|
{
|
|
13902
|
-
"description": "
|
|
13902
|
+
"description": "Primary side navigation (inline-start). When empty, the column and hamburger toggle are not rendered.",
|
|
13903
13903
|
"name": "aside"
|
|
13904
13904
|
},
|
|
13905
|
+
{
|
|
13906
|
+
"description": "Secondary side region (inline-end), e.g. table of contents, contextual help. Hidden on mobile.",
|
|
13907
|
+
"name": "aside-end"
|
|
13908
|
+
},
|
|
13905
13909
|
{
|
|
13906
13910
|
"description": "Main content.",
|
|
13907
13911
|
"name": "default"
|
|
@@ -13930,6 +13934,15 @@
|
|
|
13930
13934
|
"default": "'Navigation menu'",
|
|
13931
13935
|
"attribute": "menu-label"
|
|
13932
13936
|
},
|
|
13937
|
+
{
|
|
13938
|
+
"kind": "field",
|
|
13939
|
+
"name": "endLabel",
|
|
13940
|
+
"type": {
|
|
13941
|
+
"text": "string"
|
|
13942
|
+
},
|
|
13943
|
+
"default": "'Secondary navigation'",
|
|
13944
|
+
"attribute": "end-label"
|
|
13945
|
+
},
|
|
13933
13946
|
{
|
|
13934
13947
|
"kind": "field",
|
|
13935
13948
|
"name": "_mobileNavOpen",
|
|
@@ -13948,6 +13961,15 @@
|
|
|
13948
13961
|
"privacy": "private",
|
|
13949
13962
|
"default": "false"
|
|
13950
13963
|
},
|
|
13964
|
+
{
|
|
13965
|
+
"kind": "field",
|
|
13966
|
+
"name": "_hasAsideEnd",
|
|
13967
|
+
"type": {
|
|
13968
|
+
"text": "boolean"
|
|
13969
|
+
},
|
|
13970
|
+
"privacy": "private",
|
|
13971
|
+
"default": "false"
|
|
13972
|
+
},
|
|
13951
13973
|
{
|
|
13952
13974
|
"kind": "field",
|
|
13953
13975
|
"name": "_hasFooter",
|
|
@@ -14015,6 +14037,11 @@
|
|
|
14015
14037
|
"name": "#onAsideSlotChange",
|
|
14016
14038
|
"privacy": "private"
|
|
14017
14039
|
},
|
|
14040
|
+
{
|
|
14041
|
+
"kind": "field",
|
|
14042
|
+
"name": "#onAsideEndSlotChange",
|
|
14043
|
+
"privacy": "private"
|
|
14044
|
+
},
|
|
14018
14045
|
{
|
|
14019
14046
|
"kind": "field",
|
|
14020
14047
|
"name": "#onFooterSlotChange",
|
|
@@ -14037,6 +14064,14 @@
|
|
|
14037
14064
|
},
|
|
14038
14065
|
"default": "'Navigation menu'",
|
|
14039
14066
|
"fieldName": "menuLabel"
|
|
14067
|
+
},
|
|
14068
|
+
{
|
|
14069
|
+
"name": "end-label",
|
|
14070
|
+
"type": {
|
|
14071
|
+
"text": "string"
|
|
14072
|
+
},
|
|
14073
|
+
"default": "'Secondary navigation'",
|
|
14074
|
+
"fieldName": "endLabel"
|
|
14040
14075
|
}
|
|
14041
14076
|
],
|
|
14042
14077
|
"superclass": {
|