Grcov report - list

1

//! Native list view widget with column headers, row selection, and sorting indicators.

2

3

use alloc::vec::Vec;

4

5

use azul_core::{

6

    callbacks::{CoreCallback, CoreCallbackData, Update},

7

    dom::{

8

        Dom, DomVec, EventFilter, HoverEventFilter, IdOrClass, IdOrClass::Class, IdOrClassVec,

9

        TabIndex,

10

},

11

    geom::{LogicalPosition, LogicalSize},

12

    menu::{Menu, OptionMenu},

13

    refany::{OptionRefAny, RefAny},

14

};

15

use azul_css::{

16

    corety::OptionUsize,

17

    dynamic_selector::{CssPropertyWithConditions, CssPropertyWithConditionsVec},

18

    props::{

19

        basic::*,

20

        layout::*,

21

        property::{CssProperty, *},

22

        style::*,

23

},

24

*,

25

};

26

use azul_css::css::BoxOrStatic;

27

28

use crate::callbacks::{Callback, CallbackInfo};

29

30

const STRING_16146701490593874959: AzString = AzString::from_const_str("system:ui");

31

const STYLE_BACKGROUND_CONTENT_661302523448178568_ITEMS: &[StyleBackgroundContent] =

32

    &[StyleBackgroundContent::Color(ColorU {

33

        r: 209,

34

        g: 232,

35

        b: 255,

36

        a: 255,

37

    })];

38

const STYLE_BACKGROUND_CONTENT_2444935983575427872_ITEMS: &[StyleBackgroundContent] =

39

    &[StyleBackgroundContent::Color(ColorU {

40

        r: 252,

41

        g: 252,

42

        b: 252,

43

        a: 255,

44

    })];

45

const STYLE_BACKGROUND_CONTENT_3010057533077499049_ITEMS: &[StyleBackgroundContent] =

46

    &[StyleBackgroundContent::Color(ColorU {

47

        r: 229,

48

        g: 243,

49

        b: 251,

50

        a: 255,

51

    })];

52

const STYLE_BACKGROUND_CONTENT_3839348353894170136_ITEMS: &[StyleBackgroundContent] =

53

    &[StyleBackgroundContent::Color(ColorU {

54

        r: 249,

55

        g: 250,

56

        b: 251,

57

        a: 255,

58

    })];

59

const STYLE_BACKGROUND_CONTENT_6112684430356720596_ITEMS: &[StyleBackgroundContent] =

60

    &[StyleBackgroundContent::LinearGradient(LinearGradient {

61

        direction: Direction::FromTo(DirectionCorners {

62

            dir_from: DirectionCorner::Top,

63

            dir_to: DirectionCorner::Bottom,

64

}),

65

        extend_mode: ExtendMode::Clamp,

66

        stops: NormalizedLinearColorStopVec::from_const_slice(

67

            LINEAR_COLOR_STOP_10827796861537038040_ITEMS,

68

),

69

    })];

70

const STYLE_BACKGROUND_CONTENT_7422581697888665934_ITEMS: &[StyleBackgroundContent] =

71

    &[StyleBackgroundContent::LinearGradient(LinearGradient {

72

        direction: Direction::FromTo(DirectionCorners {

73

            dir_from: DirectionCorner::Top,

74

            dir_to: DirectionCorner::Bottom,

75

}),

76

        extend_mode: ExtendMode::Clamp,

77

        stops: NormalizedLinearColorStopVec::from_const_slice(

78

            LINEAR_COLOR_STOP_513857305091467054_ITEMS,

79

),

80

    })];

81

const STYLE_BACKGROUND_CONTENT_11062356617965867290_ITEMS: &[StyleBackgroundContent] =

82

    &[StyleBackgroundContent::Color(ColorU {

83

        r: 240,

84

        g: 240,

85

        b: 240,

86

        a: 255,

87

    })];

88

const STYLE_BACKGROUND_CONTENT_11098930083828139815_ITEMS: &[StyleBackgroundContent] =

89

    &[StyleBackgroundContent::Color(ColorU {

90

        r: 184,

91

        g: 224,

92

        b: 243,

93

        a: 255,

94

    })];

95

const STYLE_TRANSFORM_6162542744002865382_ITEMS: &[StyleTransform] =

96

    &[StyleTransform::Translate(StyleTransformTranslate2D {

97

        x: PixelValue::const_px(7),

98

        y: PixelValue::const_px(0),

99

    })];

100

const STYLE_TRANSFORM_16978981723642914576_ITEMS: &[StyleTransform] =

101

    &[StyleTransform::Rotate(AngleValue::const_deg(45))];

102

const STYLE_TRANSFORM_17732691695785266054_ITEMS: &[StyleTransform] = &[

103

    StyleTransform::Rotate(AngleValue::const_deg(315)),

104

    StyleTransform::Translate(StyleTransformTranslate2D {

105

        x: PixelValue::const_px(0),

106

        y: PixelValue::const_px(2),

107

}),

108

];

109

const STYLE_FONT_FAMILY_8122988506401935406_ITEMS: &[StyleFontFamily] =

110

    &[StyleFontFamily::System(STRING_16146701490593874959)];

111

const LINEAR_COLOR_STOP_513857305091467054_ITEMS: &[NormalizedLinearColorStop] = &[

112

    NormalizedLinearColorStop {

113

        offset: PercentageValue::const_new(0),

114

        color: ColorOrSystem::color(ColorU {

115

            r: 255,

116

            g: 255,

117

            b: 255,

118

            a: 255,

119

}),

120

},

121

    NormalizedLinearColorStop {

122

        offset: PercentageValue::const_new(50),

123

        color: ColorOrSystem::color(ColorU {

124

            r: 255,

125

            g: 255,

126

            b: 255,

127

            a: 255,

128

}),

129

},

130

    NormalizedLinearColorStop {

131

        offset: PercentageValue::const_new(51),

132

        color: ColorOrSystem::color(ColorU {

133

            r: 247,

134

            g: 248,

135

            b: 250,

136

            a: 255,

137

}),

138

},

139

    NormalizedLinearColorStop {

140

        offset: PercentageValue::const_new(100),

141

        color: ColorOrSystem::color(ColorU {

142

            r: 243,

143

            g: 244,

144

            b: 246,

145

            a: 255,

146

}),

147

},

148

];

149

const LINEAR_COLOR_STOP_10827796861537038040_ITEMS: &[NormalizedLinearColorStop] = &[

150

    NormalizedLinearColorStop {

151

        offset: PercentageValue::const_new(0),

152

        color: ColorOrSystem::color(ColorU {

153

            r: 247,

154

            g: 252,

155

            b: 254,

156

            a: 255,

157

}),

158

},

159

    NormalizedLinearColorStop {

160

        offset: PercentageValue::const_new(50),

161

        color: ColorOrSystem::color(ColorU {

162

            r: 247,

163

            g: 252,

164

            b: 254,

165

            a: 255,

166

}),

167

},

168

    NormalizedLinearColorStop {

169

        offset: PercentageValue::const_new(51),

170

        color: ColorOrSystem::color(ColorU {

171

            r: 232,

172

            g: 246,

173

            b: 254,

174

            a: 255,

175

}),

176

},

177

    NormalizedLinearColorStop {

178

        offset: PercentageValue::const_new(100),

179

        color: ColorOrSystem::color(ColorU {

180

            r: 206,

181

            g: 231,

182

            b: 244,

183

            a: 255,

184

}),

185

},

186

];

187

188

const CSS_MATCH_1085706216385961159_PROPERTIES: &[CssPropertyWithConditions] = &[

189

    // .__azul_native-list-header-arrow-down

190

    CssPropertyWithConditions::simple(CssProperty::Transform(StyleTransformVecValue::Exact(

191

        StyleTransformVec::from_const_slice(STYLE_TRANSFORM_6162542744002865382_ITEMS),

192

    ))),

193

    CssPropertyWithConditions::simple(CssProperty::Position(LayoutPositionValue::Exact(

194

        LayoutPosition::Absolute,

195

    ))),

196

    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(

197

        LayoutPaddingRight {

198

            inner: PixelValue::const_px(3),

199

},

200

    ))),

201

    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(

202

        LayoutPaddingLeft {

203

            inner: PixelValue::const_px(3),

204

},

205

    ))),

206

    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(

207

        LayoutPaddingBottom {

208

            inner: PixelValue::const_px(3),

209

},

210

    ))),

211

    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(

212

        LayoutPaddingTop {

213

            inner: PixelValue::const_px(3),

214

},

215

    ))),

216

    CssPropertyWithConditions::simple(CssProperty::JustifyContent(

217

        LayoutJustifyContentValue::Exact(LayoutJustifyContent::Center),

218

)),

219

    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(

220

        LayoutFlexDirection::Row,

221

    ))),

222

];

223

const CSS_MATCH_1085706216385961159: CssPropertyWithConditionsVec =

224

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_1085706216385961159_PROPERTIES);

225

226

const CSS_MATCH_12498280255863106397_PROPERTIES: &[CssPropertyWithConditions] = &[

227

    // .__azul_native-list-header-item:hover

228

    CssPropertyWithConditions::on_hover(CssProperty::BorderBottomWidth(

229

        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {

230

            inner: PixelValue::const_px(1),

231

}),

232

)),

233

    CssPropertyWithConditions::on_hover(CssProperty::BorderBottomStyle(

234

        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {

235

            inner: BorderStyle::Solid,

236

}),

237

)),

238

    CssPropertyWithConditions::on_hover(CssProperty::BorderBottomColor(

239

        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {

240

            inner: ColorU {

241

                r: 154,

242

                g: 223,

243

                b: 254,

244

                a: 255,

245

},

246

}),

247

)),

248

    CssPropertyWithConditions::on_hover(CssProperty::BackgroundContent(

249

        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(

250

            STYLE_BACKGROUND_CONTENT_6112684430356720596_ITEMS,

251

)),

252

)),

253

    // .__azul_native-list-header-item:active

254

    CssPropertyWithConditions::on_active(CssProperty::BoxShadowBottom(StyleBoxShadowValue::Exact(BoxOrStatic::Static(&

255

        StyleBoxShadow {

256

            offset_x: PixelValueNoPercent {

257

                inner: PixelValue::const_px(0),

258

},

259

            offset_y: PixelValueNoPercent {

260

                inner: PixelValue::const_px(0),

261

},

262

            color: ColorU {

263

                r: 206,

264

                g: 231,

265

                b: 244,

266

                a: 255,

267

},

268

            blur_radius: PixelValueNoPercent {

269

                inner: PixelValue::const_px(5),

270

},

271

            spread_radius: PixelValueNoPercent {

272

                inner: PixelValue::const_px(0),

273

},

274

            clip_mode: BoxShadowClipMode::Inset,

275

},

276

    )))),

277

    CssPropertyWithConditions::on_active(CssProperty::BoxShadowTop(StyleBoxShadowValue::Exact(BoxOrStatic::Static(&

278

        StyleBoxShadow {

279

            offset_x: PixelValueNoPercent {

280

                inner: PixelValue::const_px(0),

281

},

282

            offset_y: PixelValueNoPercent {

283

                inner: PixelValue::const_px(0),

284

},

285

            color: ColorU {

286

                r: 206,

287

                g: 231,

288

                b: 244,

289

                a: 255,

290

},

291

            blur_radius: PixelValueNoPercent {

292

                inner: PixelValue::const_px(5),

293

},

294

            spread_radius: PixelValueNoPercent {

295

                inner: PixelValue::const_px(0),

296

},

297

            clip_mode: BoxShadowClipMode::Inset,

298

},

299

    )))),

300

    CssPropertyWithConditions::on_active(CssProperty::BoxShadowRight(StyleBoxShadowValue::Exact(BoxOrStatic::Static(&

301

        StyleBoxShadow {

302

            offset_x: PixelValueNoPercent {

303

                inner: PixelValue::const_px(0),

304

},

305

            offset_y: PixelValueNoPercent {

306

                inner: PixelValue::const_px(0),

307

},

308

            color: ColorU {

309

                r: 206,

310

                g: 231,

311

                b: 244,

312

                a: 255,

313

},

314

            blur_radius: PixelValueNoPercent {

315

                inner: PixelValue::const_px(5),

316

},

317

            spread_radius: PixelValueNoPercent {

318

                inner: PixelValue::const_px(0),

319

},

320

            clip_mode: BoxShadowClipMode::Inset,

321

},

322

    )))),

323

    CssPropertyWithConditions::on_active(CssProperty::BoxShadowLeft(StyleBoxShadowValue::Exact(BoxOrStatic::Static(&

324

        StyleBoxShadow {

325

            offset_x: PixelValueNoPercent {

326

                inner: PixelValue::const_px(0),

327

},

328

            offset_y: PixelValueNoPercent {

329

                inner: PixelValue::const_px(0),

330

},

331

            color: ColorU {

332

                r: 206,

333

                g: 231,

334

                b: 244,

335

                a: 255,

336

},

337

            blur_radius: PixelValueNoPercent {

338

                inner: PixelValue::const_px(5),

339

},

340

            spread_radius: PixelValueNoPercent {

341

                inner: PixelValue::const_px(0),

342

},

343

            clip_mode: BoxShadowClipMode::Inset,

344

},

345

    )))),

346

    CssPropertyWithConditions::on_active(CssProperty::BorderBottomWidth(

347

        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {

348

            inner: PixelValue::const_px(1),

349

}),

350

)),

351

    CssPropertyWithConditions::on_active(CssProperty::BorderLeftWidth(

352

        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {

353

            inner: PixelValue::const_px(1),

354

}),

355

)),

356

    CssPropertyWithConditions::on_active(CssProperty::BorderRightWidth(

357

        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {

358

            inner: PixelValue::const_px(1),

359

}),

360

)),

361

    CssPropertyWithConditions::on_active(CssProperty::BorderTopWidth(

362

        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {

363

            inner: PixelValue::const_px(1),

364

}),

365

)),

366

    CssPropertyWithConditions::on_active(CssProperty::BorderBottomStyle(

367

        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {

368

            inner: BorderStyle::Solid,

369

}),

370

)),

371

    CssPropertyWithConditions::on_active(CssProperty::BorderLeftStyle(

372

        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {

373

            inner: BorderStyle::Solid,

374

}),

375

)),

376

    CssPropertyWithConditions::on_active(CssProperty::BorderRightStyle(

377

        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {

378

            inner: BorderStyle::Solid,

379

}),

380

)),

381

    CssPropertyWithConditions::on_active(CssProperty::BorderTopStyle(

382

        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {

383

            inner: BorderStyle::Solid,

384

}),

385

)),

386

    CssPropertyWithConditions::on_active(CssProperty::BorderBottomColor(

387

        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {

388

            inner: ColorU {

389

                r: 194,

390

                g: 205,

391

                b: 219,

392

                a: 255,

393

},

394

}),

395

)),

396

    CssPropertyWithConditions::on_active(CssProperty::BorderLeftColor(

397

        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {

398

            inner: ColorU {

399

                r: 194,

400

                g: 205,

401

                b: 219,

402

                a: 255,

403

},

404

}),

405

)),

406

    CssPropertyWithConditions::on_active(CssProperty::BorderRightColor(

407

        StyleBorderRightColorValue::Exact(StyleBorderRightColor {

408

            inner: ColorU {

409

                r: 194,

410

                g: 205,

411

                b: 219,

412

                a: 255,

413

},

414

}),

415

)),

416

    CssPropertyWithConditions::on_active(CssProperty::BorderTopColor(

417

        StyleBorderTopColorValue::Exact(StyleBorderTopColor {

418

            inner: ColorU {

419

                r: 194,

420

                g: 205,

421

                b: 219,

422

                a: 255,

423

},

424

}),

425

)),

426

    CssPropertyWithConditions::on_active(CssProperty::BackgroundContent(

427

        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(

428

            STYLE_BACKGROUND_CONTENT_3839348353894170136_ITEMS,

429

)),

430

)),

431

    // .__azul_native-list-header-item

432

    CssPropertyWithConditions::simple(CssProperty::Position(LayoutPositionValue::Exact(

433

        LayoutPosition::Relative,

434

    ))),

435

    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(

436

        LayoutPaddingLeft {

437

            inner: PixelValue::const_px(7),

438

},

439

    ))),

440

    CssPropertyWithConditions::simple(CssProperty::MinWidth(LayoutMinWidthValue::Exact(

441

        LayoutMinWidth {

442

            inner: PixelValue::const_px(100),

443

},

444

    ))),

445

    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(

446

        LayoutFlexDirection::Column,

447

    ))),

448

    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(

449

        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {

450

            inner: PixelValue::const_px(1),

451

}),

452

)),

453

    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(

454

        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {

455

            inner: BorderStyle::Solid,

456

}),

457

)),

458

    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(

459

        StyleBorderRightColorValue::Exact(StyleBorderRightColor {

460

            inner: ColorU {

461

                r: 243,

462

                g: 244,

463

                b: 246,

464

                a: 255,

465

},

466

}),

467

)),

468

];

469

const CSS_MATCH_12498280255863106397: CssPropertyWithConditionsVec =

470

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_12498280255863106397_PROPERTIES);

471

472

const CSS_MATCH_12980082330151137475_PROPERTIES: &[CssPropertyWithConditions] = &[

473

    // .__azul_native-list-rows-row-cell

474

    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(

475

        LayoutPaddingLeft {

476

            inner: PixelValue::const_px(7),

477

},

478

    ))),

479

    CssPropertyWithConditions::simple(CssProperty::MinWidth(LayoutMinWidthValue::Exact(

480

        LayoutMinWidth {

481

            inner: PixelValue::const_px(100),

482

},

483

    ))),

484

    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(

485

        StyleFontSize {

486

            inner: PixelValue::const_px(11),

487

},

488

    ))),

489

    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(

490

        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),

491

    ))),

492

];

493

const CSS_MATCH_12980082330151137475: CssPropertyWithConditionsVec =

494

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_12980082330151137475_PROPERTIES);

495

496

const CSS_MATCH_13758717721055992976_PROPERTIES: &[CssPropertyWithConditions] = &[

497

    // .__azul_native-list-header-arrow-down-inner

498

    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(

499

        LayoutWidth::Px(PixelValue::const_px(6)),

500

    ))),

501

    CssPropertyWithConditions::simple(CssProperty::Transform(StyleTransformVecValue::Exact(

502

        StyleTransformVec::from_const_slice(STYLE_TRANSFORM_16978981723642914576_ITEMS),

503

    ))),

504

    CssPropertyWithConditions::simple(CssProperty::OverflowY(LayoutOverflowValue::Exact(

505

        LayoutOverflow::Hidden,

506

    ))),

507

    CssPropertyWithConditions::simple(CssProperty::OverflowX(LayoutOverflowValue::Exact(

508

        LayoutOverflow::Hidden,

509

    ))),

510

    CssPropertyWithConditions::simple(CssProperty::Height(LayoutHeightValue::Exact(

511

        LayoutHeight::Px(PixelValue::const_px(6)),

512

    ))),

513

];

514

const CSS_MATCH_13758717721055992976: CssPropertyWithConditionsVec =

515

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_13758717721055992976_PROPERTIES);

516

517

const CSS_MATCH_15295293133676720691_PROPERTIES: &[CssPropertyWithConditions] = &[

518

    // .__azul_native-list-header-dragwidth-drag

519

    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(

520

        LayoutWidth::Px(PixelValue::const_px(2)),

521

    ))),

522

    CssPropertyWithConditions::simple(CssProperty::Position(LayoutPositionValue::Exact(

523

        LayoutPosition::Absolute,

524

    ))),

525

];

526

const CSS_MATCH_15295293133676720691: CssPropertyWithConditionsVec =

527

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_15295293133676720691_PROPERTIES);

528

529

const CSS_MATCH_15315949193378715186_PROPERTIES: &[CssPropertyWithConditions] = &[

530

    // .__azul_native-list-header

531

    CssPropertyWithConditions::simple(CssProperty::Height(LayoutHeightValue::Exact(

532

        LayoutHeight::Px(PixelValue::const_px(25)),

533

    ))),

534

    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(

535

        LayoutFlexDirection::Row,

536

    ))),

537

    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(

538

        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(

539

            STYLE_BACKGROUND_CONTENT_7422581697888665934_ITEMS,

540

)),

541

)),

542

];

543

const CSS_MATCH_15315949193378715186: CssPropertyWithConditionsVec =

544

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_15315949193378715186_PROPERTIES);

545

546

const CSS_MATCH_15673486787900743642_PROPERTIES: &[CssPropertyWithConditions] = &[

547

    // .__azul_native-list-header .__azul_native-list-header-item p

548

    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(

549

        StyleFontSize {

550

            inner: PixelValue::const_px(11),

551

},

552

    ))),

553

    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(

554

        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),

555

    ))),

556

    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(

557

        LayoutFlexGrow {

558

            inner: FloatValue::const_new(1),

559

},

560

    ))),

561

    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(

562

        LayoutFlexDirection::Column,

563

    ))),

564

    CssPropertyWithConditions::simple(CssProperty::TextColor(StyleTextColorValue::Exact(

565

        StyleTextColor {

566

            inner: ColorU {

567

                r: 0,

568

                g: 0,

569

                b: 0,

570

                a: 255,

571

},

572

},

573

    ))),

574

    CssPropertyWithConditions::simple(CssProperty::AlignItems(LayoutAlignItemsValue::Exact(

575

        LayoutAlignItems::Center,

576

    ))),

577

];

578

const CSS_MATCH_15673486787900743642: CssPropertyWithConditionsVec =

579

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_15673486787900743642_PROPERTIES);

580

581

const CSS_MATCH_1574792189506859253_PROPERTIES: &[CssPropertyWithConditions] = &[

582

    // .__azul_native-list-header-arrow-down-inner-deco

583

    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(

584

        LayoutWidth::Px(PixelValue::const_px(12)),

585

    ))),

586

    CssPropertyWithConditions::simple(CssProperty::Transform(StyleTransformVecValue::Exact(

587

        StyleTransformVec::from_const_slice(STYLE_TRANSFORM_17732691695785266054_ITEMS),

588

    ))),

589

    CssPropertyWithConditions::simple(CssProperty::Height(LayoutHeightValue::Exact(

590

        LayoutHeight::Px(PixelValue::const_px(12)),

591

    ))),

592

    CssPropertyWithConditions::simple(CssProperty::BoxShadowBottom(StyleBoxShadowValue::Exact(BoxOrStatic::Static(&

593

        StyleBoxShadow {

594

            offset_x: PixelValueNoPercent {

595

                inner: PixelValue::const_px(3),

596

},

597

            offset_y: PixelValueNoPercent {

598

                inner: PixelValue::const_px(3),

599

},

600

            color: ColorU {

601

                r: 60,

602

                g: 94,

603

                b: 114,

604

                a: 255,

605

},

606

            blur_radius: PixelValueNoPercent {

607

                inner: PixelValue::const_px(10),

608

},

609

            spread_radius: PixelValueNoPercent {

610

                inner: PixelValue::const_px(0),

611

},

612

            clip_mode: BoxShadowClipMode::Inset,

613

},

614

    )))),

615

    CssPropertyWithConditions::simple(CssProperty::BoxShadowTop(StyleBoxShadowValue::Exact(BoxOrStatic::Static(&

616

        StyleBoxShadow {

617

            offset_x: PixelValueNoPercent {

618

                inner: PixelValue::const_px(3),

619

},

620

            offset_y: PixelValueNoPercent {

621

                inner: PixelValue::const_px(3),

622

},

623

            color: ColorU {

624

                r: 60,

625

                g: 94,

626

                b: 114,

627

                a: 255,

628

},

629

            blur_radius: PixelValueNoPercent {

630

                inner: PixelValue::const_px(10),

631

},

632

            spread_radius: PixelValueNoPercent {

633

                inner: PixelValue::const_px(0),

634

},

635

            clip_mode: BoxShadowClipMode::Inset,

636

},

637

    )))),

638

    CssPropertyWithConditions::simple(CssProperty::BoxShadowRight(StyleBoxShadowValue::Exact(BoxOrStatic::Static(&

639

        StyleBoxShadow {

640

            offset_x: PixelValueNoPercent {

641

                inner: PixelValue::const_px(3),

642

},

643

            offset_y: PixelValueNoPercent {

644

                inner: PixelValue::const_px(3),

645

},

646

            color: ColorU {

647

                r: 60,

648

                g: 94,

649

                b: 114,

650

                a: 255,

651

},

652

            blur_radius: PixelValueNoPercent {

653

                inner: PixelValue::const_px(10),

654

},

655

            spread_radius: PixelValueNoPercent {

656

                inner: PixelValue::const_px(0),

657

},

658

            clip_mode: BoxShadowClipMode::Inset,

659

},

660

    )))),

661

    CssPropertyWithConditions::simple(CssProperty::BoxShadowLeft(StyleBoxShadowValue::Exact(BoxOrStatic::Static(&

662

        StyleBoxShadow {

663

            offset_x: PixelValueNoPercent {

664

                inner: PixelValue::const_px(3),

665

},

666

            offset_y: PixelValueNoPercent {

667

                inner: PixelValue::const_px(3),

668

},

669

            color: ColorU {

670

                r: 60,

671

                g: 94,

672

                b: 114,

673

                a: 255,

674

},

675

            blur_radius: PixelValueNoPercent {

676

                inner: PixelValue::const_px(10),

677

},

678

            spread_radius: PixelValueNoPercent {

679

                inner: PixelValue::const_px(0),

680

},

681

            clip_mode: BoxShadowClipMode::Inset,

682

},

683

    )))),

684

];

685

const CSS_MATCH_1574792189506859253: CssPropertyWithConditionsVec =

686

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_1574792189506859253_PROPERTIES);

687

688

const CSS_MATCH_17553577885456905601_PROPERTIES: &[CssPropertyWithConditions] = &[

689

    // .__azul_native_list-container

690

    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(

691

        LayoutFlexGrow {

692

            inner: FloatValue::const_new(1),

693

},

694

    ))),

695

    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(

696

        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(

697

            STYLE_BACKGROUND_CONTENT_2444935983575427872_ITEMS,

698

)),

699

)),

700

];

701

const CSS_MATCH_17553577885456905601: CssPropertyWithConditionsVec =

702

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_17553577885456905601_PROPERTIES);

703

704

const CSS_MATCH_2883986488332352590_PROPERTIES: &[CssPropertyWithConditions] = &[

705

    // body

706

    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(

707

        LayoutPaddingRight {

708

            inner: PixelValue::const_px(5),

709

},

710

    ))),

711

    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(

712

        LayoutPaddingLeft {

713

            inner: PixelValue::const_px(5),

714

},

715

    ))),

716

    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(

717

        LayoutPaddingBottom {

718

            inner: PixelValue::const_px(5),

719

},

720

    ))),

721

    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(

722

        LayoutPaddingTop {

723

            inner: PixelValue::const_px(5),

724

},

725

    ))),

726

    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(

727

        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(

728

            STYLE_BACKGROUND_CONTENT_11062356617965867290_ITEMS,

729

)),

730

)),

731

];

732

const CSS_MATCH_2883986488332352590: CssPropertyWithConditionsVec =

733

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_2883986488332352590_PROPERTIES);

734

735

const CSS_MATCH_4852927511892172364_PROPERTIES: &[CssPropertyWithConditions] = &[

736

    // .__azul_native-list-rows

737

    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(

738

        LayoutFlexDirection::Column,

739

    ))),

740

];

741

const CSS_MATCH_4852927511892172364: CssPropertyWithConditionsVec =

742

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_4852927511892172364_PROPERTIES);

743

744

const CSS_MATCH_6002662151290653203_PROPERTIES: &[CssPropertyWithConditions] = &[

745

    // .__azul_native-list-header-dragwidth

746

    CssPropertyWithConditions::simple(CssProperty::Width(LayoutWidthValue::Exact(

747

        LayoutWidth::Px(PixelValue::const_px(0)),

748

    ))),

749

    CssPropertyWithConditions::simple(CssProperty::Position(LayoutPositionValue::Exact(

750

        LayoutPosition::Relative,

751

    ))),

752

    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(

753

        LayoutFlexGrow {

754

            inner: FloatValue::const_new(1),

755

},

756

    ))),

757

];

758

const CSS_MATCH_6002662151290653203: CssPropertyWithConditionsVec =

759

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_6002662151290653203_PROPERTIES);

760

761

const CSS_MATCH_6827198030119836081_PROPERTIES: &[CssPropertyWithConditions] = &[

762

    // .__azul_native-list-rows-row.selected

763

    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(

764

        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {

765

            inner: PixelValue::const_px(1),

766

}),

767

)),

768

    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(

769

        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {

770

            inner: PixelValue::const_px(1),

771

}),

772

)),

773

    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(

774

        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {

775

            inner: PixelValue::const_px(1),

776

}),

777

)),

778

    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(

779

        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {

780

            inner: PixelValue::const_px(1),

781

}),

782

)),

783

    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(

784

        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {

785

            inner: BorderStyle::Solid,

786

}),

787

)),

788

    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(

789

        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {

790

            inner: BorderStyle::Solid,

791

}),

792

)),

793

    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(

794

        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {

795

            inner: BorderStyle::Solid,

796

}),

797

)),

798

    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(

799

        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {

800

            inner: BorderStyle::Solid,

801

}),

802

)),

803

    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(

804

        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {

805

            inner: ColorU {

806

                r: 102,

807

                g: 167,

808

                b: 232,

809

                a: 255,

810

},

811

}),

812

)),

813

    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(

814

        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {

815

            inner: ColorU {

816

                r: 102,

817

                g: 167,

818

                b: 232,

819

                a: 255,

820

},

821

}),

822

)),

823

    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(

824

        StyleBorderRightColorValue::Exact(StyleBorderRightColor {

825

            inner: ColorU {

826

                r: 102,

827

                g: 167,

828

                b: 232,

829

                a: 255,

830

},

831

}),

832

)),

833

    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(

834

        StyleBorderTopColorValue::Exact(StyleBorderTopColor {

835

            inner: ColorU {

836

                r: 102,

837

                g: 167,

838

                b: 232,

839

                a: 255,

840

},

841

}),

842

)),

843

    CssPropertyWithConditions::simple(CssProperty::BackgroundContent(

844

        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(

845

            STYLE_BACKGROUND_CONTENT_661302523448178568_ITEMS,

846

)),

847

)),

848

    // .__azul_native-list-rows-row:hover

849

    CssPropertyWithConditions::on_hover(CssProperty::BorderBottomWidth(

850

        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {

851

            inner: PixelValue::const_px(1),

852

}),

853

)),

854

    CssPropertyWithConditions::on_hover(CssProperty::BorderLeftWidth(

855

        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {

856

            inner: PixelValue::const_px(1),

857

}),

858

)),

859

    CssPropertyWithConditions::on_hover(CssProperty::BorderRightWidth(

860

        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {

861

            inner: PixelValue::const_px(1),

862

}),

863

)),

864

    CssPropertyWithConditions::on_hover(CssProperty::BorderTopWidth(

865

        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {

866

            inner: PixelValue::const_px(1),

867

}),

868

)),

869

    CssPropertyWithConditions::on_hover(CssProperty::BorderBottomStyle(

870

        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {

871

            inner: BorderStyle::Solid,

872

}),

873

)),

874

    CssPropertyWithConditions::on_hover(CssProperty::BorderLeftStyle(

875

        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {

876

            inner: BorderStyle::Solid,

877

}),

878

)),

879

    CssPropertyWithConditions::on_hover(CssProperty::BorderRightStyle(

880

        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {

881

            inner: BorderStyle::Solid,

882

}),

883

)),

884

    CssPropertyWithConditions::on_hover(CssProperty::BorderTopStyle(

885

        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {

886

            inner: BorderStyle::Solid,

887

}),

888

)),

889

    CssPropertyWithConditions::on_hover(CssProperty::BorderBottomColor(

890

        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {

891

            inner: ColorU {

892

                r: 101,

893

                g: 181,

894

                b: 220,

895

                a: 255,

896

},

897

}),

898

)),

899

    CssPropertyWithConditions::on_hover(CssProperty::BorderLeftColor(

900

        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {

901

            inner: ColorU {

902

                r: 101,

903

                g: 181,

904

                b: 220,

905

                a: 255,

906

},

907

}),

908

)),

909

    CssPropertyWithConditions::on_hover(CssProperty::BorderRightColor(

910

        StyleBorderRightColorValue::Exact(StyleBorderRightColor {

911

            inner: ColorU {

912

                r: 101,

913

                g: 181,

914

                b: 220,

915

                a: 255,

916

},

917

}),

918

)),

919

    CssPropertyWithConditions::on_hover(CssProperty::BorderTopColor(

920

        StyleBorderTopColorValue::Exact(StyleBorderTopColor {

921

            inner: ColorU {

922

                r: 101,

923

                g: 181,

924

                b: 220,

925

                a: 255,

926

},

927

}),

928

)),

929

    CssPropertyWithConditions::on_hover(CssProperty::BackgroundContent(

930

        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(

931

            STYLE_BACKGROUND_CONTENT_3010057533077499049_ITEMS,

932

)),

933

)),

934

    // .__azul_native-list-rows-row

935

    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(

936

        LayoutPaddingRight {

937

            inner: PixelValue::const_px(0),

938

},

939

    ))),

940

    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(

941

        LayoutPaddingLeft {

942

            inner: PixelValue::const_px(0),

943

},

944

    ))),

945

    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(

946

        LayoutPaddingBottom {

947

            inner: PixelValue::const_px(2),

948

},

949

    ))),

950

    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(

951

        LayoutPaddingTop {

952

            inner: PixelValue::const_px(2),

953

},

954

    ))),

955

    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(

956

        LayoutFlexGrow {

957

            inner: FloatValue::const_new(1),

958

},

959

    ))),

960

    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(

961

        LayoutFlexDirection::Row,

962

    ))),

963

    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(

964

        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {

965

            inner: PixelValue::const_px(1),

966

}),

967

)),

968

    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(

969

        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {

970

            inner: PixelValue::const_px(1),

971

}),

972

)),

973

    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(

974

        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {

975

            inner: PixelValue::const_px(1),

976

}),

977

)),

978

    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(

979

        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {

980

            inner: PixelValue::const_px(1),

981

}),

982

)),

983

    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(

984

        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {

985

            inner: BorderStyle::Solid,

986

}),

987

)),

988

    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(

989

        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {

990

            inner: BorderStyle::Solid,

991

}),

992

)),

993

    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(

994

        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {

995

            inner: BorderStyle::Solid,

996

}),

997

)),

998

    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(

999

        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {

1000

            inner: BorderStyle::Solid,

1001

}),

1002

)),

1003

    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(

1004

        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {

1005

            inner: ColorU {

1006

                r: 255,

1007

                g: 255,

1008

                b: 255,

1009

                a: 0,

1010

},

1011

}),

1012

)),

1013

    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(

1014

        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {

1015

            inner: ColorU {

1016

                r: 255,

1017

                g: 255,

1018

                b: 255,

1019

                a: 0,

1020

},

1021

}),

1022

)),

1023

    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(

1024

        StyleBorderRightColorValue::Exact(StyleBorderRightColor {

1025

            inner: ColorU {

1026

                r: 255,

1027

                g: 255,

1028

                b: 255,

1029

                a: 0,

1030

},

1031

}),

1032

)),

1033

    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(

1034

        StyleBorderTopColorValue::Exact(StyleBorderTopColor {

1035

            inner: ColorU {

1036

                r: 255,

1037

                g: 255,

1038

                b: 255,

1039

                a: 0,

1040

},

1041

}),

1042

)),

1043

];

1044

const CSS_MATCH_6827198030119836081: CssPropertyWithConditionsVec =

1045

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_6827198030119836081_PROPERTIES);

1046

1047

const CSS_MATCH_7894335449545988724_PROPERTIES: &[CssPropertyWithConditions] = &[

1048

    // .__azul_native-list-rows-row.focused

1049

    CssPropertyWithConditions::on_focus(CssProperty::BorderBottomWidth(

1050

        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {

1051

            inner: PixelValue::const_px(1),

1052

}),

1053

)),

1054

    CssPropertyWithConditions::on_focus(CssProperty::BorderLeftWidth(

1055

        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {

1056

            inner: PixelValue::const_px(1),

1057

}),

1058

)),

1059

    CssPropertyWithConditions::on_focus(CssProperty::BorderRightWidth(

1060

        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {

1061

            inner: PixelValue::const_px(1),

1062

}),

1063

)),

1064

    CssPropertyWithConditions::on_focus(CssProperty::BorderTopWidth(

1065

        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {

1066

            inner: PixelValue::const_px(1),

1067

}),

1068

)),

1069

    CssPropertyWithConditions::on_focus(CssProperty::BorderBottomStyle(

1070

        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {

1071

            inner: BorderStyle::Solid,

1072

}),

1073

)),

1074

    CssPropertyWithConditions::on_focus(CssProperty::BorderLeftStyle(

1075

        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {

1076

            inner: BorderStyle::Solid,

1077

}),

1078

)),

1079

    CssPropertyWithConditions::on_focus(CssProperty::BorderRightStyle(

1080

        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {

1081

            inner: BorderStyle::Solid,

1082

}),

1083

)),

1084

    CssPropertyWithConditions::on_focus(CssProperty::BorderTopStyle(

1085

        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {

1086

            inner: BorderStyle::Solid,

1087

}),

1088

)),

1089

    CssPropertyWithConditions::on_focus(CssProperty::BorderBottomColor(

1090

        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {

1091

            inner: ColorU {

1092

                r: 38,

1093

                g: 160,

1094

                b: 218,

1095

                a: 255,

1096

},

1097

}),

1098

)),

1099

    CssPropertyWithConditions::on_focus(CssProperty::BorderLeftColor(

1100

        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {

1101

            inner: ColorU {

1102

                r: 38,

1103

                g: 160,

1104

                b: 218,

1105

                a: 255,

1106

},

1107

}),

1108

)),

1109

    CssPropertyWithConditions::on_focus(CssProperty::BorderRightColor(

1110

        StyleBorderRightColorValue::Exact(StyleBorderRightColor {

1111

            inner: ColorU {

1112

                r: 38,

1113

                g: 160,

1114

                b: 218,

1115

                a: 255,

1116

},

1117

}),

1118

)),

1119

    CssPropertyWithConditions::on_focus(CssProperty::BorderTopColor(

1120

        StyleBorderTopColorValue::Exact(StyleBorderTopColor {

1121

            inner: ColorU {

1122

                r: 38,

1123

                g: 160,

1124

                b: 218,

1125

                a: 255,

1126

},

1127

}),

1128

)),

1129

    CssPropertyWithConditions::on_focus(CssProperty::BackgroundContent(

1130

        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(

1131

            STYLE_BACKGROUND_CONTENT_11098930083828139815_ITEMS,

1132

)),

1133

)),

1134

    // .__azul_native-list-rows-row:hover

1135

    CssPropertyWithConditions::on_hover(CssProperty::BorderBottomWidth(

1136

        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {

1137

            inner: PixelValue::const_px(1),

1138

}),

1139

)),

1140

    CssPropertyWithConditions::on_hover(CssProperty::BorderLeftWidth(

1141

        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {

1142

            inner: PixelValue::const_px(1),

1143

}),

1144

)),

1145

    CssPropertyWithConditions::on_hover(CssProperty::BorderRightWidth(

1146

        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {

1147

            inner: PixelValue::const_px(1),

1148

}),

1149

)),

1150

    CssPropertyWithConditions::on_hover(CssProperty::BorderTopWidth(

1151

        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {

1152

            inner: PixelValue::const_px(1),

1153

}),

1154

)),

1155

    CssPropertyWithConditions::on_hover(CssProperty::BorderBottomStyle(

1156

        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {

1157

            inner: BorderStyle::Solid,

1158

}),

1159

)),

1160

    CssPropertyWithConditions::on_hover(CssProperty::BorderLeftStyle(

1161

        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {

1162

            inner: BorderStyle::Solid,

1163

}),

1164

)),

1165

    CssPropertyWithConditions::on_hover(CssProperty::BorderRightStyle(

1166

        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {

1167

            inner: BorderStyle::Solid,

1168

}),

1169

)),

1170

    CssPropertyWithConditions::on_hover(CssProperty::BorderTopStyle(

1171

        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {

1172

            inner: BorderStyle::Solid,

1173

}),

1174

)),

1175

    CssPropertyWithConditions::on_hover(CssProperty::BorderBottomColor(

1176

        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {

1177

            inner: ColorU {

1178

                r: 101,

1179

                g: 181,

1180

                b: 220,

1181

                a: 255,

1182

},

1183

}),

1184

)),

1185

    CssPropertyWithConditions::on_hover(CssProperty::BorderLeftColor(

1186

        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {

1187

            inner: ColorU {

1188

                r: 101,

1189

                g: 181,

1190

                b: 220,

1191

                a: 255,

1192

},

1193

}),

1194

)),

1195

    CssPropertyWithConditions::on_hover(CssProperty::BorderRightColor(

1196

        StyleBorderRightColorValue::Exact(StyleBorderRightColor {

1197

            inner: ColorU {

1198

                r: 101,

1199

                g: 181,

1200

                b: 220,

1201

                a: 255,

1202

},

1203

}),

1204

)),

1205

    CssPropertyWithConditions::on_hover(CssProperty::BorderTopColor(

1206

        StyleBorderTopColorValue::Exact(StyleBorderTopColor {

1207

            inner: ColorU {

1208

                r: 101,

1209

                g: 181,

1210

                b: 220,

1211

                a: 255,

1212

},

1213

}),

1214

)),

1215

    CssPropertyWithConditions::on_hover(CssProperty::BackgroundContent(

1216

        StyleBackgroundContentVecValue::Exact(StyleBackgroundContentVec::from_const_slice(

1217

            STYLE_BACKGROUND_CONTENT_3010057533077499049_ITEMS,

1218

)),

1219

)),

1220

    // .__azul_native-list-rows-row

1221

    CssPropertyWithConditions::simple(CssProperty::PaddingRight(LayoutPaddingRightValue::Exact(

1222

        LayoutPaddingRight {

1223

            inner: PixelValue::const_px(0),

1224

},

1225

    ))),

1226

    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(

1227

        LayoutPaddingLeft {

1228

            inner: PixelValue::const_px(0),

1229

},

1230

    ))),

1231

    CssPropertyWithConditions::simple(CssProperty::PaddingBottom(LayoutPaddingBottomValue::Exact(

1232

        LayoutPaddingBottom {

1233

            inner: PixelValue::const_px(2),

1234

},

1235

    ))),

1236

    CssPropertyWithConditions::simple(CssProperty::PaddingTop(LayoutPaddingTopValue::Exact(

1237

        LayoutPaddingTop {

1238

            inner: PixelValue::const_px(2),

1239

},

1240

    ))),

1241

    CssPropertyWithConditions::simple(CssProperty::FlexGrow(LayoutFlexGrowValue::Exact(

1242

        LayoutFlexGrow {

1243

            inner: FloatValue::const_new(1),

1244

},

1245

    ))),

1246

    CssPropertyWithConditions::simple(CssProperty::FlexDirection(LayoutFlexDirectionValue::Exact(

1247

        LayoutFlexDirection::Row,

1248

    ))),

1249

    CssPropertyWithConditions::simple(CssProperty::BorderBottomWidth(

1250

        LayoutBorderBottomWidthValue::Exact(LayoutBorderBottomWidth {

1251

            inner: PixelValue::const_px(1),

1252

}),

1253

)),

1254

    CssPropertyWithConditions::simple(CssProperty::BorderLeftWidth(

1255

        LayoutBorderLeftWidthValue::Exact(LayoutBorderLeftWidth {

1256

            inner: PixelValue::const_px(1),

1257

}),

1258

)),

1259

    CssPropertyWithConditions::simple(CssProperty::BorderRightWidth(

1260

        LayoutBorderRightWidthValue::Exact(LayoutBorderRightWidth {

1261

            inner: PixelValue::const_px(1),

1262

}),

1263

)),

1264

    CssPropertyWithConditions::simple(CssProperty::BorderTopWidth(

1265

        LayoutBorderTopWidthValue::Exact(LayoutBorderTopWidth {

1266

            inner: PixelValue::const_px(1),

1267

}),

1268

)),

1269

    CssPropertyWithConditions::simple(CssProperty::BorderBottomStyle(

1270

        StyleBorderBottomStyleValue::Exact(StyleBorderBottomStyle {

1271

            inner: BorderStyle::Solid,

1272

}),

1273

)),

1274

    CssPropertyWithConditions::simple(CssProperty::BorderLeftStyle(

1275

        StyleBorderLeftStyleValue::Exact(StyleBorderLeftStyle {

1276

            inner: BorderStyle::Solid,

1277

}),

1278

)),

1279

    CssPropertyWithConditions::simple(CssProperty::BorderRightStyle(

1280

        StyleBorderRightStyleValue::Exact(StyleBorderRightStyle {

1281

            inner: BorderStyle::Solid,

1282

}),

1283

)),

1284

    CssPropertyWithConditions::simple(CssProperty::BorderTopStyle(

1285

        StyleBorderTopStyleValue::Exact(StyleBorderTopStyle {

1286

            inner: BorderStyle::Solid,

1287

}),

1288

)),

1289

    CssPropertyWithConditions::simple(CssProperty::BorderBottomColor(

1290

        StyleBorderBottomColorValue::Exact(StyleBorderBottomColor {

1291

            inner: ColorU {

1292

                r: 255,

1293

                g: 255,

1294

                b: 255,

1295

                a: 0,

1296

},

1297

}),

1298

)),

1299

    CssPropertyWithConditions::simple(CssProperty::BorderLeftColor(

1300

        StyleBorderLeftColorValue::Exact(StyleBorderLeftColor {

1301

            inner: ColorU {

1302

                r: 255,

1303

                g: 255,

1304

                b: 255,

1305

                a: 0,

1306

},

1307

}),

1308

)),

1309

    CssPropertyWithConditions::simple(CssProperty::BorderRightColor(

1310

        StyleBorderRightColorValue::Exact(StyleBorderRightColor {

1311

            inner: ColorU {

1312

                r: 255,

1313

                g: 255,

1314

                b: 255,

1315

                a: 0,

1316

},

1317

}),

1318

)),

1319

    CssPropertyWithConditions::simple(CssProperty::BorderTopColor(

1320

        StyleBorderTopColorValue::Exact(StyleBorderTopColor {

1321

            inner: ColorU {

1322

                r: 255,

1323

                g: 255,

1324

                b: 255,

1325

                a: 0,

1326

},

1327

}),

1328

)),

1329

];

1330

const CSS_MATCH_7894335449545988724: CssPropertyWithConditionsVec =

1331

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_7894335449545988724_PROPERTIES);

1332

1333

const CSS_MATCH_7937682281721781688_PROPERTIES: &[CssPropertyWithConditions] = &[

1334

    // .__azul_native-list-rows-row-cell

1335

    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(

1336

        LayoutPaddingLeft {

1337

            inner: PixelValue::const_px(7),

1338

},

1339

    ))),

1340

    CssPropertyWithConditions::simple(CssProperty::MinWidth(LayoutMinWidthValue::Exact(

1341

        LayoutMinWidth {

1342

            inner: PixelValue::const_px(100),

1343

},

1344

    ))),

1345

    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(

1346

        StyleFontSize {

1347

            inner: PixelValue::const_px(11),

1348

},

1349

    ))),

1350

    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(

1351

        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),

1352

    ))),

1353

];

1354

const CSS_MATCH_7937682281721781688: CssPropertyWithConditionsVec =

1355

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_7937682281721781688_PROPERTIES);

1356

1357

const CSS_MATCH_8793836789597026811_PROPERTIES: &[CssPropertyWithConditions] = &[

1358

    // .__azul_native-list-rows-row-cell

1359

    CssPropertyWithConditions::simple(CssProperty::PaddingLeft(LayoutPaddingLeftValue::Exact(

1360

        LayoutPaddingLeft {

1361

            inner: PixelValue::const_px(7),

1362

},

1363

    ))),

1364

    CssPropertyWithConditions::simple(CssProperty::MinWidth(LayoutMinWidthValue::Exact(

1365

        LayoutMinWidth {

1366

            inner: PixelValue::const_px(100),

1367

},

1368

    ))),

1369

    CssPropertyWithConditions::simple(CssProperty::FontSize(StyleFontSizeValue::Exact(

1370

        StyleFontSize {

1371

            inner: PixelValue::const_px(11),

1372

},

1373

    ))),

1374

    CssPropertyWithConditions::simple(CssProperty::FontFamily(StyleFontFamilyVecValue::Exact(

1375

        StyleFontFamilyVec::from_const_slice(STYLE_FONT_FAMILY_8122988506401935406_ITEMS),

1376

    ))),

1377

];

1378

const CSS_MATCH_8793836789597026811: CssPropertyWithConditionsVec =

1379

    CssPropertyWithConditionsVec::from_const_slice(CSS_MATCH_8793836789597026811_PROPERTIES);

1380

1381

const IDS_AND_CLASSES_790316832563530605: &[IdOrClass] = &[Class(AzString::from_const_str(

1382

    "__azul_native-list-rows-row",

1383

))];

1384

const ROW_CLASS: IdOrClassVec = IdOrClassVec::from_const_slice(IDS_AND_CLASSES_790316832563530605);

1385

1386

const IDS_AND_CLASSES_3034181810805097699: &[IdOrClass] = &[Class(AzString::from_const_str(

1387

    "__azul_native-list-rows-row-cell",

1388

))];

1389

const CELL_CLASS: IdOrClassVec =

1390

    IdOrClassVec::from_const_slice(IDS_AND_CLASSES_3034181810805097699);

1391

1392

const IDS_AND_CLASSES_6012478019077291002: &[IdOrClass] =

1393

    &[Class(AzString::from_const_str("__azul_native-list-rows"))];

1394

const ROW_CONTAINER_CLASS: IdOrClassVec =

1395

    IdOrClassVec::from_const_slice(IDS_AND_CLASSES_6012478019077291002);

1396

1397

const IDS_AND_CLASSES_10742579426112804392: &[IdOrClass] =

1398

    &[Class(AzString::from_const_str("__azul_native-list-header"))];

1399

const HEADER_CONTAINER_CLASS: IdOrClassVec =

1400

    IdOrClassVec::from_const_slice(IDS_AND_CLASSES_10742579426112804392);

1401

1402

const IDS_AND_CLASSES_9205819539370539587: &[IdOrClass] = &[Class(AzString::from_const_str(

1403

    "__azul_native_list-container",

1404

))];

1405

const LIST_VIEW_CONTAINER_CLASS: IdOrClassVec =

1406

    IdOrClassVec::from_const_slice(IDS_AND_CLASSES_9205819539370539587);

1407

1408

const IDS_AND_CLASSES_18330792117162403422: &[IdOrClass] = &[Class(AzString::from_const_str(

1409

    "__azul_native-list-header-item",

1410

))];

1411

const COLUMN_NAME_CLASS: IdOrClassVec =

1412

    IdOrClassVec::from_const_slice(IDS_AND_CLASSES_18330792117162403422);

1413

1414

pub type ListViewOnLazyLoadScrollCallbackType =

1415

    extern "C" fn(RefAny, CallbackInfo, ListViewState) -> Update;

1416

impl_widget_callback!(

1417

    ListViewOnLazyLoadScroll,

1418

    OptionListViewOnLazyLoadScroll,

1419

    ListViewOnLazyLoadScrollCallback,

1420

    ListViewOnLazyLoadScrollCallbackType

1421

);

1422

1423

azul_core::impl_managed_callback! {

1424

    wrapper:        ListViewOnLazyLoadScrollCallback,

1425

    info_ty:        CallbackInfo,

1426

    return_ty:      Update,

1427

    default_ret:    Update::DoNothing,

1428

    invoker_static: LIST_VIEW_ON_LAZY_LOAD_SCROLL_INVOKER,

1429

    invoker_ty:     AzListViewOnLazyLoadScrollCallbackInvoker,

1430

    thunk_fn:       az_list_view_on_lazy_load_scroll_callback_thunk,

1431

    setter_fn:      AzApp_setListViewOnLazyLoadScrollCallbackInvoker,

1432

    from_handle_fn: AzListViewOnLazyLoadScrollCallback_createFromHostHandle,

1433

    extra_args:     [ state: ListViewState ],

1434

1435

1436

pub type ListViewOnColumnClickCallbackType =

1437

    extern "C" fn(RefAny, CallbackInfo, ListViewState, column_clicked: usize) -> Update;

1438

impl_widget_callback!(

1439

    ListViewOnColumnClick,

1440

    OptionListViewOnColumnClick,

1441

    ListViewOnColumnClickCallback,

1442

    ListViewOnColumnClickCallbackType

1443

);

1444

1445

azul_core::impl_managed_callback! {

1446

    wrapper:        ListViewOnColumnClickCallback,

1447

    info_ty:        CallbackInfo,

1448

    return_ty:      Update,

1449

    default_ret:    Update::DoNothing,

1450

    invoker_static: LIST_VIEW_ON_COLUMN_CLICK_INVOKER,

1451

    invoker_ty:     AzListViewOnColumnClickCallbackInvoker,

1452

    thunk_fn:       az_list_view_on_column_click_callback_thunk,

1453

    setter_fn:      AzApp_setListViewOnColumnClickCallbackInvoker,

1454

    from_handle_fn: AzListViewOnColumnClickCallback_createFromHostHandle,

1455

    extra_args:     [ state: ListViewState, column_clicked: usize ],

1456

1457

1458

pub type ListViewOnRowClickCallbackType =

1459

    extern "C" fn(RefAny, CallbackInfo, ListViewState, row_clicked: usize) -> Update;

1460

impl_widget_callback!(

1461

    ListViewOnRowClick,

1462

    OptionListViewOnRowClick,

1463

    ListViewOnRowClickCallback,

1464

    ListViewOnRowClickCallbackType

1465

);

1466

1467

azul_core::impl_managed_callback! {

1468

    wrapper:        ListViewOnRowClickCallback,

1469

    info_ty:        CallbackInfo,

1470

    return_ty:      Update,

1471

    default_ret:    Update::DoNothing,

1472

    invoker_static: LIST_VIEW_ON_ROW_CLICK_INVOKER,

1473

    invoker_ty:     AzListViewOnRowClickCallbackInvoker,

1474

    thunk_fn:       az_list_view_on_row_click_callback_thunk,

1475

    setter_fn:      AzApp_setListViewOnRowClickCallbackInvoker,

1476

    from_handle_fn: AzListViewOnRowClickCallback_createFromHostHandle,

1477

    extra_args:     [ state: ListViewState, row_clicked: usize ],

1478

1479

1480

/// State of the ListView, but without row data

1481

#[derive(Debug, Clone)]

1482

#[repr(C)]

1483

pub struct ListViewState {

1484

    /// Copy of the current column names

1485

    pub columns: StringVec,

1486

    /// Which column the rows are currently sorted by

1487

    pub sorted_by: OptionUsize,

1488

    /// Row count of rows currently loaded in the DOM

1489

    pub current_row_count: usize,

1490

    /// Y-offset currently applied to the rows

1491

    pub scroll_offset: PixelValueNoPercent,

1492

    /// Current position where the user has scrolled the ListView to

1493

    pub current_scroll_position: LogicalPosition,

1494

    /// Current height of the row container

1495

    pub current_content_height: LogicalSize,

1496

1497

1498

/// List view, optionally able to lazy-load data

1499

#[derive(Debug, Clone)]

1500

#[repr(C)]

1501

pub struct ListView {

1502

    /// Column names

1503

    pub columns: StringVec,

1504

    /// Currently rendered rows. Note that the ListView does not

1505

    /// have to render all rows at once, usually you'd only render

1506

    /// the top 100 rows

1507

    pub rows: ListViewRowVec,

1508

    /// Which column is the list view sorted by (default = None)?

1509

    pub sorted_by: OptionUsize,

1510

    /// Offset to add to the rows used when layouting row positions

1511

    /// during lazy-loaded scrolling. Also affects the scroll position

1512

    pub scroll_offset: PixelValueNoPercent,

1513

    /// Height of the content, if not all rows are loaded

1514

    pub content_height: OptionPixelValueNoPercent,

1515

    /// Context menu for the columns (usually opens a context menu

1516

    /// to select which columns to show)

1517

    pub column_context_menu: OptionMenu,

1518

    /// Indicates that this ListView is being lazily loaded, allows

1519

    /// control over what happens when the user scrolls the ListView.

1520

    pub on_lazy_load_scroll: OptionListViewOnLazyLoadScroll,

1521

    /// What to do when the user left-clicks the column

1522

    /// (usually used for storing which column to sort by)

1523

    pub on_column_click: OptionListViewOnColumnClick,

1524

    /// What to do when the user left-clicks a row

1525

    /// (usually used for selecting the row depending on the state)

1526

    pub on_row_click: OptionListViewOnRowClick,

1527

1528

1529

impl Default for ListView {

1530

2

    fn default() -> Self {

1531

2

        Self {

1532

2

            columns: StringVec::from_const_slice(&[]),

1533

2

            rows: ListViewRowVec::from_const_slice(&[]),

1534

2

            sorted_by: None.into(),

1535

2

            scroll_offset: PixelValueNoPercent {

1536

2

                inner: PixelValue::const_px(0),

1537

2

},

1538

2

            content_height: None.into(),

1539

2

            column_context_menu: None.into(),

1540

2

            on_lazy_load_scroll: None.into(),

1541

2

            on_column_click: None.into(),

1542

2

            on_row_click: None.into(),

1543

2

1544

2

1545

1546

1547

/// Row of the ListView

1548

#[derive(Debug, Clone)]

1549

#[repr(C)]

1550

pub struct ListViewRow {

1551

    /// Each cell is an opaque Dom object

1552

    pub cells: DomVec,

1553

    /// Height of the row, if known beforehand

1554

    pub height: OptionPixelValueNoPercent,

1555

1556

1557

impl_option!(ListViewRow, OptionListViewRow, copy = false, [Debug, Clone]);

1558

impl_vec!(ListViewRow, ListViewRowVec, ListViewRowVecDestructor, ListViewRowVecDestructorType, ListViewRowVecSlice, OptionListViewRow);

1559

impl_vec_clone!(ListViewRow, ListViewRowVec, ListViewRowVecDestructor);

1560

impl_vec_mut!(ListViewRow, ListViewRowVec);

1561

impl_vec_debug!(ListViewRow, ListViewRowVec);

1562

1563

impl ListView {

1564

    pub fn create(columns: StringVec) -> Self {

1565

        Self {

1566

            columns,

1567

            ..Default::default()

1568

1569

1570

1571

    pub fn swap_with_default(&mut self) -> Self {

1572

        let mut m = Self::default();

1573

        core::mem::swap(&mut m, self);

1574

1575

1576

1577

    pub fn with_columns(mut self, columns: StringVec) -> Self {

1578

        self.set_columns(columns);

1579

        self

1580

1581

1582

    pub fn set_columns(&mut self, columns: StringVec) {

1583

        self.columns = columns;

1584

1585

1586

    pub fn with_rows(mut self, rows: ListViewRowVec) -> Self {

1587

        self.set_rows(rows);

1588

        self

1589

1590

1591

    pub fn set_rows(&mut self, rows: ListViewRowVec) {

1592

        self.rows = rows;

1593

1594

1595

    /// The half-open range `[first, last)` of row indices visible in a

1596

    /// vertically-scrolled, fixed-row-height list — the windowing core for

1597

    /// virtualizing a long `ListView` (render only these rows instead of all of

1598

    /// them, the way the MapWidget's VirtualView renders only visible tiles).

1599

    /// `scroll_y` is pixels scrolled past the top, `viewport_height` the visible

1600

    /// height; one extra row is included so a row straddling the bottom edge

1601

    /// still renders. Returns `(0, 0)` for degenerate input (no rows, a

1602

    /// non-positive/non-finite height, or non-finite scroll), and an empty range

1603

    /// `(total, total)` once scrolled past the end.

1604

7

    pub fn visible_row_range(

1605

7

        scroll_y: f32,

1606

7

        viewport_height: f32,

1607

7

        row_height: f32,

1608

7

        total_rows: usize,

1609

7

    ) -> (usize, usize) {

1610

7

        if total_rows == 0

1611

6

            || !row_height.is_finite()

1612

6

            || row_height <= 0.0

1613

5

            || !viewport_height.is_finite()

1614

5

            || viewport_height <= 0.0

1615

5

            || !scroll_y.is_finite()

1616

1617

3

            return (0, 0);

1618

4

1619

4

        let first = (scroll_y.max(0.0) / row_height).floor() as usize;

1620

4

        if first >= total_rows {

1621

1

            return (total_rows, total_rows);

1622

3

1623

3

        let visible = (viewport_height / row_height).ceil() as usize + 1;

1624

3

        let last = (first + visible).min(total_rows);

1625

3

        (first, last)

1626

7

1627

1628

    pub fn with_sorted_by(mut self, sorted_by: OptionUsize) -> Self {

1629

        self.set_sorted_by(sorted_by);

1630

        self

1631

1632

1633

    pub fn set_sorted_by(&mut self, sorted_by: OptionUsize) {

1634

        self.sorted_by = sorted_by;

1635

1636

1637

    pub fn with_scroll_offset(mut self, scroll_offset: PixelValueNoPercent) -> Self {

1638

        self.set_scroll_offset(scroll_offset);

1639

        self

1640

1641

1642

    pub fn set_scroll_offset(&mut self, scroll_offset: PixelValueNoPercent) {

1643

        self.scroll_offset = scroll_offset;

1644

1645

1646

    pub fn with_content_height(mut self, content_height: PixelValueNoPercent) -> Self {

1647

        self.set_content_height(content_height);

1648

        self

1649

1650

1651

    pub fn set_content_height(&mut self, content_height: PixelValueNoPercent) {

1652

        self.content_height = Some(content_height).into();

1653

1654

1655

    pub fn with_column_context_menu(mut self, context_menu: Menu) -> Self {

1656

        self.set_column_context_menu(context_menu);

1657

        self

1658

1659

1660

    pub fn set_column_context_menu(&mut self, column_context_menu: Menu) {

1661

        self.column_context_menu = Some(column_context_menu).into();

1662

1663

1664

    pub fn with_on_column_click<C: Into<ListViewOnColumnClickCallback>>(

1665

        mut self,

1666

        refany: RefAny,

1667

        on_column_click: C,

1668

    ) -> Self {

1669

        self.set_on_column_click(refany, on_column_click);

1670

        self

1671

1672

1673

    pub fn set_on_column_click<C: Into<ListViewOnColumnClickCallback>>(

1674

        &mut self,

1675

        refany: RefAny,

1676

        on_column_click: C,

1677

) {

1678

        self.on_column_click = Some(ListViewOnColumnClick {

1679

            refany,

1680

            callback: on_column_click.into(),

1681

})

1682

        .into();

1683

1684

1685

    pub fn with_on_row_click<C: Into<ListViewOnRowClickCallback>>(

1686

        mut self,

1687

        refany: RefAny,

1688

        on_row_click: C,

1689

    ) -> Self {

1690

        self.set_on_row_click(refany, on_row_click);

1691

        self

1692

1693

1694

1

    pub fn set_on_row_click<C: Into<ListViewOnRowClickCallback>>(

1695

1

        &mut self,

1696

1

        refany: RefAny,

1697

1

        on_row_click: C,

1698

1

) {

1699

1

        self.on_row_click = Some(ListViewOnRowClick {

1700

1

            refany,

1701

1

            callback: on_row_click.into(),

1702

1

})

1703

1

        .into();

1704

1

1705

1706

2

    pub fn dom(self) -> Dom {

1707

        // Snapshot the state handed to row/column click callbacks. Runtime-only

1708

        // fields (scroll position / content height) aren't known at build time,

1709

        // so they default to zero; columns/sorted_by/row-count/scroll-offset are.

1710

2

        let state = ListViewState {

1711

2

            columns: self.columns.clone(),

1712

2

            sorted_by: self.sorted_by,

1713

2

            current_row_count: self.rows.as_ref().len(),

1714

2

            scroll_offset: self.scroll_offset,

1715

2

            current_scroll_position: LogicalPosition::zero(),

1716

2

            current_content_height: LogicalSize::zero(),

1717

2

};

1718

2

        let on_column_click = self.on_column_click.clone();

1719

2

        let on_row_click = self.on_row_click.clone();

1720

1721

2

        Dom::create_div()

1722

2

            .with_css_props(CSS_MATCH_17553577885456905601)

1723

2

            .with_ids_and_classes(LIST_VIEW_CONTAINER_CLASS)

1724

2

            .with_children(DomVec::from_vec(vec![

1725

                // header

1726

2

                Dom::create_div()

1727

2

                    .with_css_props(CSS_MATCH_15315949193378715186)

1728

2

                    .with_ids_and_classes(HEADER_CONTAINER_CLASS)

1729

2

                    .with_children(

1730

2

                        self.columns

1731

2

                            .iter()

1732

2

                            .enumerate()

1733

2

                            .map(|(col_index, col)| {

1734

                                let col_dom = Dom::create_div()

1735

                                    .with_css_props(CSS_MATCH_12498280255863106397)

1736

                                    .with_ids_and_classes(COLUMN_NAME_CLASS)

1737

                                    .with_child({

1738

                                        Dom::create_text(col.clone())

1739

                                            .with_css_props(CSS_MATCH_15673486787900743642)

1740

});

1741

                                // Wire the click only when the app set a handler.

1742

                                match &on_column_click {

1743

                                    OptionListViewOnColumnClick::Some(_) => col_dom.with_callbacks(

1744

                                        vec![CoreCallbackData {

1745

                                            event: EventFilter::Hover(HoverEventFilter::MouseUp),

1746

                                            refany: RefAny::new(ColumnClickData {

1747

                                                col_index,

1748

                                                state: state.clone(),

1749

                                                on_column_click: on_column_click.clone(),

1750

}),

1751

                                            callback: CoreCallback {

1752

                                                cb: on_list_view_column_click as usize,

1753

                                                ctx: OptionRefAny::None,

1754

},

1755

}]

1756

                                        .into(),

1757

),

1758

                                    OptionListViewOnColumnClick::None => col_dom,

1759

1760

})

1761

2

                            .collect::<Vec<_>>()

1762

2

                            .into(),

1763

),

1764

                // rows

1765

2

                Dom::create_div()

1766

2

                    .with_css_props(CSS_MATCH_4852927511892172364)

1767

2

                    .with_ids_and_classes(ROW_CONTAINER_CLASS)

1768

2

                    .with_children(

1769

2

                        self.rows

1770

2

                            .into_iter()

1771

2

                            .enumerate()

1772

3

                            .map(|(row_index, row)| {

1773

3

                                let row_dom = Dom::create_div()

1774

3

                                    .with_css_props(CSS_MATCH_7894335449545988724)

1775

3

                                    .with_ids_and_classes(ROW_CLASS.clone())

1776

3

                                    .with_tab_index(TabIndex::Auto)

1777

3

                                    .with_children(

1778

3

                                        row.cells

1779

3

                                            .as_ref()

1780

3

                                            .iter()

1781

3

                                            .map(|cell| {

1782

                                                Dom::create_div()

1783

                                                    .with_css_props(CSS_MATCH_12980082330151137475)

1784

                                                    .with_ids_and_classes(CELL_CLASS)

1785

                                                    .with_child(cell.clone())

1786

})

1787

3

                                            .collect::<Vec<_>>()

1788

3

                                            .into(),

1789

);

1790

3

                                match &on_row_click {

1791

2

                                    OptionListViewOnRowClick::Some(_) => row_dom.with_callbacks(

1792

2

                                        vec![CoreCallbackData {

1793

2

                                            event: EventFilter::Hover(HoverEventFilter::MouseUp),

1794

2

                                            refany: RefAny::new(RowClickData {

1795

2

                                                row_index,

1796

2

                                                state: state.clone(),

1797

2

                                                on_row_click: on_row_click.clone(),

1798

2

}),

1799

2

                                            callback: CoreCallback {

1800

2

                                                cb: on_list_view_row_click as usize,

1801

2

                                                ctx: OptionRefAny::None,

1802

2

},

1803

2

}]

1804

2

                                        .into(),

1805

),

1806

1

                                    OptionListViewOnRowClick::None => row_dom,

1807

1808

3

})

1809

2

                            .collect::<Vec<_>>()

1810

2

                            .into(),

1811

),

1812

]))

1813

2

1814

1815

1816

/// Per-row data carried to the internal MouseUp handler (the row index plus a

1817

/// snapshot of the list state and the app's `on_row_click` hook).

1818

struct RowClickData {

1819

    row_index: usize,

1820

    state: ListViewState,

1821

    on_row_click: OptionListViewOnRowClick,

1822

1823

1824

/// Per-column equivalent of [`RowClickData`].

1825

struct ColumnClickData {

1826

    col_index: usize,

1827

    state: ListViewState,

1828

    on_column_click: OptionListViewOnColumnClick,

1829

1830

1831

/// MouseUp on a row → invoke the app's `on_row_click(state, row_index)`.

1832

extern "C" fn on_list_view_row_click(mut refany: RefAny, info: CallbackInfo) -> Update {

1833

    let data = match refany.downcast_ref::<RowClickData>() {

1834

        Some(d) => d,

1835

        None => return Update::DoNothing,

1836

};

1837

    match data.on_row_click.as_ref() {

1838

        Some(ListViewOnRowClick { refany: user_data, callback }) => {

1839

            (callback.cb)(user_data.clone(), info.clone(), data.state.clone(), data.row_index)

1840

1841

        None => Update::DoNothing,

1842

1843

1844

1845

/// MouseUp on a column header → invoke the app's `on_column_click(state, col_index)`.

1846

extern "C" fn on_list_view_column_click(mut refany: RefAny, info: CallbackInfo) -> Update {

1847

    let data = match refany.downcast_ref::<ColumnClickData>() {

1848

        Some(d) => d,

1849

        None => return Update::DoNothing,

1850

};

1851

    match data.on_column_click.as_ref() {

1852

        Some(ListViewOnColumnClick { refany: user_data, callback }) => {

1853

            (callback.cb)(user_data.clone(), info.clone(), data.state.clone(), data.col_index)

1854

1855

        None => Update::DoNothing,

1856

1857

1858

1859

#[cfg(test)]

1860

mod list_view_click_tests {

1861

    use super::*;

1862

1863

    /// The windowing core for ListView virtualization: only the visible rows

1864

    /// (+1 straddling the bottom) are in range, the range tracks scroll, clamps

1865

    /// to the row count, and degenerate input yields an empty range.

1866

    #[test]

1867

1

    fn visible_row_range_windows_correctly() {

1868

        // 100 rows × 20px, 200px viewport → 10 full rows + 1 partial.

1869

1

        assert_eq!(ListView::visible_row_range(0.0, 200.0, 20.0, 100), (0, 11));

1870

        // Scrolled 50px → first row = floor(50/20) = 2.

1871

1

        assert_eq!(ListView::visible_row_range(50.0, 200.0, 20.0, 100), (2, 13));

1872

        // Near the end → clamped to the row count.

1873

1

        assert_eq!(ListView::visible_row_range(1900.0, 200.0, 20.0, 100), (95, 100));

1874

        // Scrolled past the end → empty range at the tail.

1875

1

        assert_eq!(ListView::visible_row_range(5000.0, 200.0, 20.0, 100), (100, 100));

1876

        // Degenerate inputs → empty.

1877

1

        assert_eq!(ListView::visible_row_range(0.0, 200.0, 20.0, 0), (0, 0));

1878

1

        assert_eq!(ListView::visible_row_range(0.0, 200.0, 0.0, 100), (0, 0));

1879

1

        assert_eq!(ListView::visible_row_range(f32::NAN, 200.0, 20.0, 100), (0, 0));

1880

1

1881

1882

    extern "C" fn noop_row(_: RefAny, _: CallbackInfo, _: ListViewState, _: usize) -> Update {

1883

        Update::DoNothing

1884

1885

1886

3

    fn empty_row() -> ListViewRow {

1887

3

        ListViewRow {

1888

3

            cells: DomVec::from_const_slice(&[]),

1889

3

            height: None.into(),

1890

3

1891

3

1892

1893

    /// Rows must carry a click callback exactly when `on_row_click` is set —

1894

    /// previously `dom()` wired nothing, so the hook was dead.

1895

    #[test]

1896

1

    fn rows_get_a_click_callback_only_when_on_row_click_is_set() {

1897

1

        let mut lv = ListView::default();

1898

1

        lv.rows = ListViewRowVec::from_vec(vec![empty_row(), empty_row()]);

1899

1

        lv.set_on_row_click(RefAny::new(()), noop_row as ListViewOnRowClickCallbackType);

1900

1

        let dom = lv.dom();

1901

        // children = [header, rows]; each row div carries the MouseUp callback.

1902

1

        let rows = dom.children.as_ref()[1].children.as_ref();

1903

1

        assert_eq!(rows.len(), 2);

1904

3

        for row in rows {

1905

2

            assert_eq!(

1906

2

                row.root.callbacks.as_ref().len(),

1907

1,

1908

                "row must carry the click callback when on_row_click is set"

1909

);

1910

1911

1912

        // Without the hook → no callbacks (opt-in, no wasted dispatch).

1913

1

        let mut bare = ListView::default();

1914

1

        bare.rows = ListViewRowVec::from_vec(vec![empty_row()]);

1915

1

        let dom2 = bare.dom();

1916

1

        let rows2 = dom2.children.as_ref()[1].children.as_ref();

1917

1

        assert_eq!(rows2.len(), 1);

1918

1

        assert!(

1919

1

            rows2[0].root.callbacks.as_ref().is_empty(),

1920

            "no callback when on_row_click is unset"

1921

);

1922

1

1923